body{font-weight:400}header{z-index:99999999;position:relative}@media only screen and (min-width:1100px){.et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened{opacity:1}.et_header_style_fullscreen ul#mobile_menu_slide{text-align:left;vertical-align:top;padding:38px}.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a,.et_slide_in_menu_container #mobile_menu_slide li a{color:#fff;border:none}.et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a{font-size:6vw;line-height:1em}}@media only screen and (max-width:1100px) and (min-width:980px){.et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened{opacity:1}.et_header_style_fullscreen ul#mobile_menu_slide{text-align:left;vertical-align:top;padding:38px}.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a,.et_slide_in_menu_container #mobile_menu_slide li a{color:#fff;border:none}.et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a{font-size:12vw;line-height:1em}}@media only screen and (max-width:980px){.et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened{opacity:1}.et_header_style_fullscreen ul#mobile_menu_slide{text-align:left;vertical-align:top;padding:38px}.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a,.et_slide_in_menu_container #mobile_menu_slide li a{color:#fff;border:none}.et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a{font-size:16vw;line-height:1em}*{max-width:100%}}span.mobile_menu_bar:before{background-image:url('https://hadock.es/wp-content/uploads/2023/08/toggle-menu.svg');color:transparent!important;background-size:cover;font-size:43px}.mobile_menu_bar.et_pb_header_toggle{width:43px}.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu{top:25px;right:33px;transform:rotate(45deg);filter:saturate(0%) brightness(200%) contrast(200%)}.et_header_style_fullscreen .et_slide_in_menu_container{transition:0s ease-in-out,padding-top 0s}.texto-container{width:100%;white-space:nowrap;margin-bottom:20px}.texto-container span{display:inline-block;white-space:nowrap;color:#cccccc;font-size:70px;font-weight:300;line-height:1.2em;border:4px solid #cccccc;padding:10px 20px;border-radius:100px;margin-right:20px;max-width:fit-content}@media only screen and (max-width:720px){.texto-container span{font-size:30px;border:2px solid #cccccc}}.izquierda{animation:slide-left 40s linear infinite}@keyframes slide-left{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}.derecha{animation:slide-right 40s linear infinite}@keyframes slide-right{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.cky-consent-bar{backdrop-filter:blur(10px);border-radius:12px!important;padding:15px!important}button.cky-btn{border-radius:6px}.cky-overlay{opacity:0!important}.cky-modal{background:rgba(0,0,0,0.3)!important;backdrop-filter:blur(10px) contrast(0.5);border:1px solid #bbb;border-radius:12px!important}.cky-preference-center{background:transparent!important}button.cky-btn-close{filter:brightness(2)}button.cky-show-desc-btn{color:#fff!important;text-decoration:underline!important}span.cky-always-active{color:#9ff870!important}div[data-cky-tag="detail-powered-by"]{display:none!important}.cky-btn-revisit-wrapper{background:rgba(0,0,0,0.2)!important;backdrop-filter:blur(10px);border:1px solid #bbb}.cky-btn-revisit img{display:none}button.cky-btn-revisit:before{content:"🍪";font-size:33px}.tarjeta{color:#fff;letter-spacing:-0.02em;display:grid;align-content:space-between}.etiquetas{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:35vh}.etiquetas div{border-radius:50px;padding:5px 10px;background-color:rgba(255,255,255,0.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:10px 10px 0px 0px;font-size:14px;line-height:1.2em;color:#fff}.sin-blur,.sin-blur div{backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}.etiquetas a{color:#fff}.etiquetas span{padding:0px 10px 0px 0px;margin-top:10px;font-size:14px;line-height:1.2em}.negro div{background-color:rgba(0,0,0,0.3)}.titulo{font-size:36px;line-height:1em;margin-top:auto;font-weight:500;width:90%;color:#fff}@media only screen and (max-width:500px){.titulo{font-size:28px}}.subtitulo{font-size:18px;line-height:1.2em;margin-top:10px}.boton{border-radius:50px;padding:5px 10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:fit-content;font-size:12px!important;line-height:1.2em;margin-left:auto!important;opacity:0.7;background-color:rgba(0,0,0,0.3)}.boton:hover{opacity:1}.boton a{color:#fff}.nf-field-container .field-wrap .nf-element::placeholder{color:#000000}.nf-element input[type=checkbox]{margin:6px 6px 0px 0px!important}.nf-field-element .g-recaptcha{display:flex;justify-content:flex-end}.nf-field-element input[type="submit"]{width:100%!important;cursor:pointer}.nf-field-element .files_uploaded nf-section p{border-width:1px;border-style:solid;border-color:#cccccc;color:#000000;width:fit-content;font-size:12px;margin:10px 0px 0px;padding:5px 3px 5px 5px;line-height:1em;font-family:monospace;border-radius:5px}.nf-field-element .files_uploaded a.delete:hover{color:#666!important;background:#ccc!important;border-color:#ccc}.nf-field .checkbox-wrap a:hover{color:#999}.nf-field .checkbox-wrap a{color:#000;text-decoration:underline}.nf-field .checkbox-wrap:has(a[href="https://hadock.es/aviso-legal/#privacidad"]){font-size:18px}.ideas .et_pb_ajax_pagination_container{display:grid;grid-template-columns:repeat(3,1fr);gap:1em}@media only screen and (min-width:750px) and (max-width:1100px){.ideas .et_pb_ajax_pagination_container{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:750px){.ideas .et_pb_ajax_pagination_container{grid-template-columns:repeat(1,1fr)}}.ideas article{margin-bottom:0px}.ideas article a.entry-featured-image-url{margin-bottom:0px}.ideas article.post{background:#fff;border-radius:18px;padding:20px;display:flex;flex-direction:column-reverse}.ideas article.post a.entry-featured-image-url{margin-top:20px}.ideas article.post img{border-radius:9px;object-fit:cover;aspect-ratio:16 / 9}.ideas article.post p.post-meta{font-size:15px;margin-bottom:auto;margin-top:10px}.ideas article.post h2.entry-title{order:1}.ideas article.project{display:flex;flex-direction:column}.ideas article.project h2.entry-title{position:absolute;bottom:0px;padding:20px;color:#fff}.ideas article.project p.post-meta{position:absolute;top:0px;margin-bottom:0px;padding:20px;color:#fff}.ideas article.project p.post-meta a{color:#fff}.ideas article.project a.entry-featured-image-url{flex-grow:1;background:linear-gradient(180deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.9) 100%);border-radius:18px}.ideas article.project img{height:100%;object-fit:cover;border-radius:18px;min-height:385px;mix-blend-mode:multiply}ul.autores{padding:0px;list-style:none;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1em;margin-bottom:20px}.autores a{display:flex;align-items:center;gap:.5em;background:#fff;border-radius:50px;padding:.5em 1em .5em .5em;color:#000;font-size:14px}.autores img{aspect-ratio:1 / 1;object-fit:cover;border-radius:50px;width:35px;background:radial-gradient(ellipse at center,#f4f4f4 60%,#e0e0e0 100%)}.autores img[src="https://hadock.es/wp-content/uploads/2022/03/LogoHadock_cuadrado.png.webp"]{border-radius:3px}.menu-proyectos a{background:#bbb;color:#fff;padding:3px 7px;font-family:'JetBrains Mono';text-transform:uppercase;font-size:15px;border-radius:50px}.menu-pec{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;background:rgba(255,255,255,0.3);backdrop-filter:blur(5px) invert(0.1);-webkit-backdrop-filter:blur(5px) invert(0.1);width:fit-content;margin:0px auto;border-radius:50px;padding:10px 13px;visibility:hidden;opacity:0;transition:opacity 300ms}.et_pb_sticky .menu-pec{visibility:visible!important;opacity:1;transition:opacity 300ms}.menu-pec a{color:#000;border:1px solid #fff;border-radius:50px;padding:5px 10px;transition:all 300ms}.menu-pec a:hover,.menu-pec a.active{color:#000;background:#fff;transition:all 300ms}@media only screen and (max-width:720px){.menu-pec{border-radius:18px;padding:20px 13px}}.mono{font-family:'JetBrains Mono';margin-bottom:30px;width:fit-content;padding:5px;border-radius:5px;border:0.7px solid;color:#999;font-size:15px!important}#web video{border-radius:6px;filter:drop-shadow(0px 0px 0px #ccc);transition:all 300ms}#web video:hover{border-radius:12px;filter:drop-shadow(0px 0px 20px #ccc);transition:all 300ms}#web .et_pb_code:has(video):before{background-image:url(https://hadock.es/wp-content/uploads/2024/10/play-2.webp);width:42px;height:42px;content:"";position:absolute;z-index:99999999999!important;top:42%;left:46%;background-size:cover;border:1px solid #ccc;border-radius:50px}#web .et_pb_code:has(video):hover:before{opacity:0}.rrss-mockup span.et_pb_image_wrap:after{background-image:url(https://hadock.es/wp-content/uploads/2024/10/iPhone-15-Pro-Max_mockup.png);content:"";background-size:cover;width:108%;height:103%;position:absolute;left:-4%;top:-1.5%}.rrss-mockup img{border-radius:30px}.paleta-color{display:flex;height:50vh;padding:0px!important;margin:0px;border-radius:16px;overflow:hidden}@media only screen and (max-width:780px){.paleta-color{flex-direction:column;height:70vh}}.paleta-color>li{flex-grow:1;list-style-type:none;min-width:50px;transition:all 300ms}.paleta-color>li:hover{flex-grow:2;border-radius:16px 0px 0px 16px;transition:all 300ms}.paleta-color:hover>li{border-radius:16px}.paleta-color>li:hover>ul{display:flex;opacity:1}.paleta-color>li>ul{display:none;flex-direction:column;justify-content:space-between;height:calc(100%);padding:20px;list-style-type:none}.paleta-color>li>ul>li:nth-child(1){font-size:36px;margin:0px}.paleta-color>li>ul>li:nth-child(2){margin-top:20px;margin-bottom:auto}.paleta-color>li>ul>li:nth-child(2)>code{font-size:18px;border:0.7px solid;padding:3px;border-radius:5px}.paleta-color>li>ul>li:nth-child(3){font-size:72px;text-align:end;line-height:0.8em}.paleta-color>li>ul>li:nth-child(1),.paleta-color>li>ul>li:nth-child(2)>code,.paleta-color>li>ul>li:nth-child(3){opacity:0;transition:all 300ms}.paleta-color>li>ul:hover>li:nth-child(1),.paleta-color>li>ul:hover>li:nth-child(2)>code,.paleta-color>li>ul:hover>li:nth-child(3){opacity:1;transition:all 300ms}.paleta-color code.textColor{position:relative;cursor:pointer}.paleta-color code.textColor::after{content:attr(data-tooltip);position:absolute;bottom:-150%;left:0%;background-color:#333;color:#fff;padding:5px;border-radius:5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s ease;font-size:12px;z-index:10}.paleta-color code.textColor:hover::after{opacity:1}.pestana-tipografia{border:0px solid}.pestana-tipografia ul.et_pb_tabs_controls:after{border-top:0px solid #d9d9d9}.pestana-tipografia ul.et_pb_tabs_controls{background:transparent;display:flex;flex-direction:row;flex-wrap:wrap;gap:1em}.pestana-tipografia ul.et_pb_tabs_controls:before{content:"Tipografía";font-family:'JetBrains Mono';width:fit-content;color:#999;font-size:15px}.pestana-tipografia ul.et_pb_tabs_controls li{border-radius:50px;border-right:0px solid #d9d9d9;font-weight:500}.pestana-tipografia ul.et_pb_tabs_controls li:not(.pestana-tipografia ul.et_pb_tabs_controls li.et_pb_tab_active){background:#ddd;color:#fff!important}.pestana-tipografia .et_pb_tabs_controls li a{padding:4px 10px}.pestana-tipografia .et_pb_all_tabs{background-color:transparent}.pestana-tipografia .et_pb_tab{padding:50px 0px 0px 0px}ul.tipografia,.tipografia ul,.tipografia li{margin:0px;padding:0px;list-style-type:none;line-height:1.2em;font-weight:400}.tipografia>li:nth-child(1)>ul{display:flex;gap:2em}.tipografia>li:nth-child(1)>ul>li{width:50%}.tipografia>li:nth-child(1)>ul>li:nth-child(1){font-size:80px;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;line-height:1em}.tipografia>li:nth-child(1)>ul>li:nth-child(2){font-size:40px}.tipografia>li:nth-child(2)>ul{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2em;margin-top:50px}.tipografia>li:nth-child(2)>ul>li{display:flex;flex-direction:column}.tipografia>li:nth-child(2)>ul>li>code{font-size:12px;border:0.7px solid;padding:3px;border-radius:5px;margin-bottom:15px;width:fit-content;line-height:1em}.tipografia>li:nth-child(2)>ul>li:nth-child(1){width:100%;font-size:52pt}.tipografia>li:nth-child(2)>ul>li:nth-child(2){width:calc((100% - 4em) / 3);font-size:26pt}.tipografia>li:nth-child(2)>ul>li:nth-child(3){width:calc((100% - 4em) / 3);font-size:18pt}.tipografia>li:nth-child(2)>ul>li:nth-child(4){width:calc((100% - 4em) / 3);font-size:12pt}@media only screen and (max-width:850px){.tipografia>li:nth-child(1)>ul{flex-direction:column;gap:1em}.tipografia>li:nth-child(1)>ul>li{width:100%}.tipografia>li:nth-child(2)>ul{flex-direction:column}.tipografia>li:nth-child(2)>ul>li{width:100%!important}.tipografia>li:nth-child(2)>ul>li:nth-child(1){font-size:42pt}}.botones-mas-info a{background:#fff;color:#000;border-radius:50px;padding:5px 20px;white-space:nowrap}code{font-family:'JetBrains Mono'}.item{position:relative}.item .project-meta{overflow:hidden;height:20%;position:absolute;top:0px;left:0px;width:calc(100%)}.item:hover .project-categories{top:0px;visibility:visible;transition:all 300ms}.item .project-categories{position:absolute;left:0px;background:#f5f5f5;border-radius:0px 0px 16px 0px;padding:0px 8px 8px;top:-58px;visibility:hidden;transition:all 300ms;max-width:90%}.item .project-categories a{color:#f5f5f5;background:#ccc;border:1px solid;border-radius:8px;padding:2px 5px;z-index:999999;position:relative;font-family:'JetBrains Mono';font-size:12px;line-height:1em;pointer-events:none;text-transform:uppercase;white-space:nowrap}.item .project-categories a[href="https://hadock.es/project_category/desarrollo/"],.item .project-categories a[href="https://hadock.es/project_category/publico/"]{display:none}.item .project-categories:before{content:"";position:absolute;bottom:-50px;left:0px;height:50px;width:20px;background:transparent;border-radius:25px 0px 0px 0px;box-shadow:0px -25px 0px 0px #f5f5f5}.item .project-categories:after{content:"";position:absolute;right:-50px;top:0px;width:50px;height:20px;background:transparent;border-radius:25px 0px 0px 0px;box-shadow:-25px 0px 0px 0px #f5f5f5;z-index:99999!important}.item img{height:auto;width:100%;border-radius:16px;object-fit:cover}.item p.project-tags{color:#999}@media only screen and (max-width:500px){.item .project-categories{max-width:85%}.item .project-meta{height:25%;max-width:85%}.item img{height:480px!important}}.inicio .texto-container span{color:#000;font-size:140px;border:none;border-radius:26px;background:#fff;line-height:1em;padding:20px}@media only screen and (max-width:720px){.inicio .texto-container span{font-size:64px;border:none}.inicio .derecha{animation-duration:10s}.inicio .izquierda{animation-duration:10s}}@media only screen and (min-width:720px){.inicio .izquierda{display:none}}.formulario-hubspot{position:relative}.formulario-hubspot:after{content:"";position:absolute;bottom:0px;height:60px;width:100%;background:#f5f5f5}@media only screen and (max-width:650px){.formulario-hubspot:after{height:80px}}.pegatina{position:absolute;cursor:grab;width:300px;height:105px;background:url("https://hadock.es/wp-content/uploads/2025/02/sticker-hadock.png");background-size:100% 100%;background-repeat:no-repeat;filter:drop-shadow(2px 4px 6px #aaa);transform:rotate(-10deg);z-index:999999999!important;top:0;right:10%;touch-action:none}.pegatina:active{cursor:grabbing}.proceso .pin-wrap{height:100vh!important;display:flex;flex-direction:column;justify-content:center;gap:40px;font-size:24px;line-height:1.3em}.proceso .pin-wrap h2{padding-left:40px;font-size:20px}.proceso .animation-wrap{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:40px;padding:0px 40px!important}.proceso .animation-wrap .item:first-child .item-content{background:#9FF870}.proceso .animation-wrap .item:last-child{}.proceso .animation-wrap .item{min-width:550px;padding:0px;position:relative;overflow:hidden;background:#fff;border-radius:16px}.proceso .animation-wrap .item-content:before{content:"";position:absolute;top:0;left:0;bottom:0;width:100%;background:#9FF870;transform-origin:left;transform:scaleX(var(--perc));transition:transform 0.3s ease-out;z-index:0}.proceso .animation-wrap .item .item-content{min-height:550px;border-radius:16px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.proceso .animation-wrap .item .item-content div{display:flex;flex-direction:row;justify-content:space-between;gap:1em;z-index:0}.proceso .animation-wrap .item .item-content h3{font-size:48px}.proceso .animation-wrap .item .item-content div span{background-color:#f5f5f5;height:fit-content;padding:6px 15px;aspect-ratio:1/1;border-radius:8px}.proceso .animation-wrap .item .item-content p{z-index:0}@media only screen and (max-width:500px){.proceso .pin-wrap{height:auto!important;font-size:18px}.proceso .animation-wrap{flex-direction:column;height:inherit;gap:2em}.proceso .animation-wrap .item{min-width:inherit}.proceso .animation-wrap .item:first-child .item-content{background:transparent}.proceso .animation-wrap .item .item-content{min-height:400px}.proceso .animation-wrap .item .item-content h3{font-size:25px}.proceso .animation-wrap .item-content:before{transform-origin:top;transform:scaleY(var(--perc))}}.proyectos .pin-wrap{height:100vh!important;display:flex;flex-direction:column;justify-content:center;gap:40px}.proyectos .cabecera-proyectos{padding:0px 40px;font-size:20px;color:#fff;display:flex;gap:1em;justify-items:start;justify-content:space-between}.proyectos .cabecera-proyectos h2.titulo-proyectos{font-size:20px;color:#fff;text-transform:uppercase}.proyectos .cabecera-proyectos a{font-size:20px;color:#fff;line-height:1em;text-decoration:underline;white-space:nowrap}.proyectos .animation-wrap{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:40px}.proyectos .animation-wrap .item:first-child{padding-left:40px}.proyectos .animation-wrap .item:last-child{padding-right:40px}.proyectos .animation-wrap .item{width:max-content;padding:0px 10px;position:relative}.proyectos .animation-wrap .item .project-meta{left:10px;width:calc(100% - 20px)}.proyectos .animation-wrap .item:first-child .project-meta{left:40px}.proyectos .project-item h2{color:#fff}.proyectos .item .project-categories{background:#4d4d4d}.proyectos .item .project-categories:before{box-shadow:0px -25px 0px 0px #4d4d4d}.proyectos .item .project-categories:after{box-shadow:-25px 0px 0px 0px #4d4d4d}.proyectos .item .project-categories a{background:#4d4d4d}.proyectos .animation-wrap .item .project-thumbnail{width:max-content}.proyectos .animation-wrap .item img{height:580px;width:auto;max-height:70vh}@media only screen and (max-width:500px){.proyectos .pin-wrap{height:auto!important;padding:40px 0px}.proyectos .cabecera-proyectos h2.titulo-proyectos{font-size:18px}.proyectos .cabecera-proyectos a{font-size:18px}.proyectos .animation-wrap{flex-direction:column;height:inherit;gap:2em}.proyectos .animation-wrap .item{padding-right:40px;padding-left:40px}.proyectos .animation-wrap .item .project-meta{left:40px;width:calc(100% - 80px)}.proyectos .animation-wrap .item img{height:480px}}.logos-clientes{display:flex;gap:3em;justify-items:center;align-items:center}.logos-clientes img{filter:grayscale(1);transition:300ms filter}.logos-clientes img:hover{filter:grayscale(0);transition:300ms filter}