@charset "utf-8";@font-face{font-family: "Montserrat";font-weight: 400;font-style: normal;font-display: swap;src: url("../fonts/montserrat-latin-400-normal.woff2") format("woff2");} @font-face{font-family: "Montserrat";font-weight: 600;font-style: normal;font-display: swap;src: url("../fonts/montserrat-latin-600-normal.woff2") format("woff2");} @font-face{font-family: "Montserrat";font-weight: 700;font-style: normal;font-display: swap;src: url("../fonts/montserrat-latin-700-normal.woff2") format("woff2");} @font-face{font-family: "Raleway";font-weight: 400;font-style: normal;font-display: swap;src: url("../fonts/raleway-latin-400-normal.woff2") format("woff2");} @font-face{font-family: "Raleway";font-weight: 400;font-style: italic;font-display: swap;src: url("../fonts/raleway-latin-400-italic.woff2") format("woff2");} @font-face{font-family: "Raleway";font-weight: 500;font-style: normal;font-display: swap;src: url("../fonts/raleway-latin-500-normal.woff2") format("woff2");} @font-face{font-family: "Raleway";font-weight: 600;font-style: normal;font-display: swap;src: url("../fonts/raleway-latin-600-normal.woff2") format("woff2");} @font-face{font-family: "Raleway";font-weight: 700;font-style: normal;font-display: swap;src: url("../fonts/raleway-latin-700-normal.woff2") format("woff2");} @font-face{font-family: "Oswald";font-weight: 500;font-style: normal;font-display: swap;src: url("../fonts/oswald-latin-500-normal.woff2") format("woff2");} :root{--noche: rgb(6,3,18);--azul-cielo: #16f;--azul: #3074BB;--rojo: #DD1A39;--rojo-titulo: #CB3238;--gris-claro: #f7f7f9;--gris-borde: #e3e3e8;--texto: #303030;--texto-suave: #5b5b66;--blanco: #fff;--ancho: 1240px;--fondo: var(--noche);--sky-x: 0px;--franja: 150px;--f-titulo: "Montserrat","Segoe UI",Arial,sans-serif;--f-texto: "Raleway","Segoe UI",Arial,sans-serif;--f-rotulo: "Oswald","Arial Narrow",Arial,sans-serif;} *,*::before,*::after{box-sizing: border-box;} html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%;} body{margin: 0;background: var(--noche);color: var(--texto);font: 500 18px/1.6 var(--f-texto);-webkit-font-smoothing: antialiased;} img,video{max-width: 100%;height: auto;display: block;} a{color: var(--rojo);} a:hover{color: #a5102a;} p{margin: 0 0 1em;} h1,h2,h3{line-height: 1.2;margin: 0 0 .6em;} h3{font-family: var(--f-titulo);font-size: 1.15rem;font-weight: 700;color: inherit;} strong{font-weight: 700;} :focus-visible{outline: 3px solid var(--rojo);outline-offset: 3px;} .saltar{position: absolute;left: -9999px;top: 0;z-index: 2000;background: #fff;color: #000;padding: 10px 16px;} .saltar:focus{left: 10px;top: 10px;} .caja{width: 100%;max-width: var(--ancho);margin: 0 auto;padding: 0 24px;} .caja.estrecha{max-width: 900px;} .centrado{text-align: center;} .enlace{background: none;border: 0;padding: 0;color: inherit;font: inherit;text-decoration: underline;cursor: pointer;} .cabecera{position: fixed;top: 0;left: 0;right: 0;z-index: 1000;transition: background-color .3s ease,box-shadow .3s ease;} .cabecera-int{max-width: 1340px;margin: 0 auto;height: 76px;display: flex;align-items: center;justify-content: space-between;padding: 0 32px;} .marca{font: 700 26px/1 var(--f-texto);color: #fff;text-decoration: underline;text-underline-offset: 4px;transition: color .3s ease;} .marca:hover{color: var(--rojo);} .menu > ul{list-style: none;margin: 0;padding: 0;display: flex;align-items: center;gap: 2px;} .menu li{position: relative;} .menu a{display: block;padding: 10px 11px;font: 700 12.5px/1.2 var(--f-titulo);letter-spacing: 1.6px;text-transform: uppercase;color: #fff;text-decoration: none;transition: color .3s ease;} .menu a:hover,.menu a.activo{color: var(--rojo);} .menu .menu-cta a{margin-left: 10px;border: 2px solid #fff;padding: 9px 16px;} .menu .menu-cta a:hover{background: #fff;color: #000;} .submenu{list-style: none;margin: 0;padding: 8px 0;position: absolute;top: 100%;left: 0;min-width: 270px;background: #fff;box-shadow: 0 10px 30px rgba(0,0,0,.25);opacity: 0;visibility: hidden;transform: translateY(8px);transition: all .25s ease;} .submenu a{color: var(--texto);letter-spacing: 1px;padding: 11px 20px;text-transform: none;font-size: 14px;font-weight: 600;} .con-sub:hover .submenu,.con-sub:focus-within .submenu{opacity: 1;visibility: visible;transform: none;} .sub-btn{display: none;} .menu-btn{display: none;} .cabecera.solida{background: #fff;box-shadow: 0 1px 5px rgba(0,0,0,.35);} .cabecera.solida .marca,.cabecera.solida .menu > ul > li > a{color: #000;} .cabecera.solida .menu > ul > li > a:hover,.cabecera.solida .menu > ul > li > a.activo{color: var(--rojo);} .cabecera.solida .menu-cta a{border-color: #000;} .cabecera.solida .menu-cta a:hover{background: #000;color: #fff !important;} .cabecera.solida .menu-btn span{background: #000;} .escenario{position: absolute;top: 0;left: 0;right: 0;height: 100vh;z-index: 0;overflow: hidden;background: var(--noche);transition: height 1.5s cubic-bezier(.45,.05,.35,1);} .cielo{position: absolute;top: 0;bottom: 0;left: 0;width: 160%;transform: translateX(var(--fondo-x,0px));transition: transform 1.5s cubic-bezier(.45,.05,.35,1);} .estrellas{position: absolute;inset: 0;background: url("../img/estrellas.png") 0 0 repeat;opacity: 0;animation: estrellas 30s linear -6s infinite;} .dia{position: absolute;inset: 0;background: var(--azul-cielo);animation: dia-noche 30s linear -6s infinite;} .dia video,.dia::before{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;opacity: .3;} .dia::before{content: "";background: url("../img/cielo.jpg") center / cover no-repeat;} .escenario::after{content: "";position: absolute;inset: 0;pointer-events: none;background: linear-gradient(to bottom,rgba(6,3,18,.25) 0%,rgba(6,3,18,0) 30%,rgba(6,3,18,0) 60%,rgba(6,3,18,.5) 100%);} @keyframes dia-noche{0%{opacity: .05;} 20%{opacity: 1;} 66.67%{opacity: 1;} 86.67%{opacity: .05;} 100%{opacity: .05;}} @keyframes estrellas{0%{opacity: .55;} 20%{opacity: 0;} 66.67%{opacity: 0;} 86.67%{opacity: .55;} 100%{opacity: .55;}} .skyline{position: absolute;left: 0;right: 0;bottom: -1px;height: 58%;max-height: 640px;z-index: 1;background: url("../img/ciudad.png") repeat-x;background-size: auto 100%;background-position: var(--sky-x,0px) bottom;transition: background-position 1.5s cubic-bezier(.45,.05,.35,1);} .pagina{position: relative;z-index: 1;} .paginas-transicion{position: relative;overflow: hidden;} .paginas-transicion > .pagina{transition: transform 1.5s cubic-bezier(.45,.05,.35,1);will-change: transform;} .paginas-transicion > .pagina.entrante{position: absolute;top: 0;left: 0;width: 100%;} .hero{position: relative;z-index: 2;color: #fff;--fondo: var(--noche);background: transparent;} .hero-txt{position: relative;z-index: 2;} .seccion,.pie-web{position: relative;z-index: 1;} .hero-home{display: flex;align-items: center;} .hero-home .hero-txt{width: 100%;max-width: 1200px;margin: 0 auto;padding: 100px 24px 70px;text-align: center;} .logos{display: flex;align-items: center;justify-content: center;gap: 22px;margin-bottom: 26px;} .logos img:first-child{width: 60px;} .logos img:last-child{height: 34px;width: auto;} .hero-home h1{font: 700 clamp(36px,6.4vw,72px)/1.15 var(--f-titulo);letter-spacing: 2px;text-transform: uppercase;margin: 0 0 18px;text-shadow: 0 2px 18px rgba(0,0,0,.35);} .hero-sub{font: 400 clamp(18px,2.2vw,24px)/1.5 var(--f-texto);max-width: 820px;margin: 0 auto 10px;text-shadow: 0 1px 10px rgba(0,0,0,.5);} .firma{font: 400 20px/1.4 var(--f-texto);margin: 0 0 34px;letter-spacing: 1px;} .firma strong{font-size: 26px;letter-spacing: 3px;text-transform: uppercase;} .hero-anim > *{animation: subir .9s cubic-bezier(.22,.61,.36,1) both;} .hero-anim > *:nth-child(2){animation-delay: .12s;} .hero-anim > *:nth-child(3){animation-delay: .24s;} .hero-anim > *:nth-child(4){animation-delay: .36s;} .hero-anim > *:nth-child(5){animation-delay: .48s;} @keyframes subir{from{opacity: 0;transform: translateY(80px);} to{opacity: 1;transform: none;}} .hero-interior{padding: 110px 0 80px;display: flex;align-items: center;} .hero-interior .hero-txt{width: 100%;max-width: 1000px;margin: 0 auto;padding: 0 24px;text-align: center;} .hero-interior h1{font: 700 clamp(28px,4.4vw,50px)/1.15 var(--f-titulo);letter-spacing: 1px;border-bottom: 1px solid rgba(255,255,255,.8);padding-bottom: 16px;display: inline-block;text-shadow: 0 2px 16px rgba(0,0,0,.35);} .entradilla{font: 500 clamp(17px,1.8vw,21px)/1.6 var(--f-texto);max-width: 820px;margin: 10px auto 0;text-shadow: 0 1px 10px rgba(0,0,0,.6);} .migas{font: 600 13px/1 var(--f-titulo);letter-spacing: 1px;text-transform: uppercase;margin-bottom: 18px;opacity: .9;} .migas a{color: #fff;text-decoration: none;} .migas a:hover{text-decoration: underline;} .migas span{margin: 0 6px;} .boton{display: inline-block;padding: 13px 30px;margin: 6px;border: 3px solid #fff;background: transparent;color: #fff;font: 700 14px/24px var(--f-texto);letter-spacing: 1.2px;text-transform: uppercase;text-decoration: none;cursor: pointer;transition: all .5s ease;} .boton:hover{background: #fff;color: #000;} .boton-sec{border-color: rgba(255,255,255,.55);} .boton-peq{padding: 8px 18px;font-size: 13px;border-width: 2px;} .boton-rojo{border-color: var(--rojo);background: var(--rojo);} .boton-rojo:hover{background: #fff;color: var(--rojo);border-color: #fff;} .sec-claro .boton,.sec-blanco .boton{border-color: var(--texto);color: var(--texto);} .sec-claro .boton:hover,.sec-blanco .boton:hover{background: var(--texto);color: #fff;} .sec-claro .boton-rojo,.sec-blanco .boton-rojo{border-color: var(--rojo);background: var(--rojo);color: #fff;} .sec-claro .boton-rojo:hover,.sec-blanco .boton-rojo:hover{background: #a5102a;border-color: #a5102a;} .botones{margin-top: 18px;} .seccion{position: relative;padding: 84px 0;background: var(--fondo);} .seccion::after,.hero::after{content: "";position: absolute;left: 50%;bottom: -24px;transform: translateX(-50%);z-index: 3;border: 25px solid transparent;border-bottom: 0;border-top-color: var(--fondo);} .sec-claro{--fondo: var(--gris-claro);color: var(--texto);} .sec-blanco{--fondo: #fff;color: var(--texto);} .sec-azul{--fondo: var(--azul);color: #fff;background: var(--azul) url("../img/programad.webp") center top / cover no-repeat;} .sec-noche{--fondo: var(--noche);color: #fff;} .sec-rojo{--fondo: var(--rojo);color: #fff;} footer + *,.seccion:last-of-type::after{} .titulo-sec{font: 500 clamp(28px,3.4vw,38px)/1.3 var(--f-rotulo);letter-spacing: 1px;color: var(--rojo-titulo);text-align: center;margin-bottom: 10px;} .titulo-sec.claro,.sec-azul .titulo-sec,.sec-noche .titulo-sec,.sec-rojo .titulo-sec{color: #fff;} .subtitulo{text-align: center;font-size: clamp(18px,2vw,23px);line-height: 1.5;color: var(--texto-suave);max-width: 780px;margin: 0 auto 46px;} .sec-azul .subtitulo,.sec-noche .subtitulo{color: rgba(255,255,255,.85);} .texto p,.texto li{font-size: 19px;} .texto h2{font: 500 30px/1.3 var(--f-rotulo);color: var(--rojo-titulo);margin-top: 1.6em;} .texto h3{margin-top: 1.4em;} .sec-noche .texto h2,.sec-azul .texto h2{color: #fff;} .rejilla{display: grid;gap: 26px;} .r2{grid-template-columns: repeat(2,1fr);} .r3{grid-template-columns: repeat(3,1fr);} .r4{grid-template-columns: repeat(4,1fr);} .dos-col{display: grid;grid-template-columns: 1.2fr 1fr;gap: 48px;align-items: start;} .tarjeta{display: flex;flex-direction: column;background: #fff;border: 1px solid var(--gris-borde);padding: 30px 26px;color: var(--texto);text-decoration: none;transition: background-color .35s ease,color .35s ease,transform .35s ease,box-shadow .35s ease;} .tarjeta img{width: 68px;height: 68px;object-fit: contain;margin-bottom: 20px;padding: 12px;background: var(--noche);border-radius: 6px;transition: background-color .35s ease;} .tarjeta h3{font-size: 19px;margin-bottom: 10px;} .tarjeta p{font-size: 16.5px;line-height: 1.55;flex: 1;} .tarjeta .mas{font: 700 13px/1 var(--f-titulo);letter-spacing: 1.2px;text-transform: uppercase;color: var(--rojo);} .tarjeta:hover{background: var(--rojo);color: #fff;transform: translateY(-4px);box-shadow: 0 14px 30px rgba(221,26,57,.25);} .tarjeta:hover img{background: rgba(0,0,0,.35);} .tarjeta:hover .mas{color: #fff;} .problema{background: #fff;border-top: 4px solid var(--rojo);padding: 30px 28px;box-shadow: 0 6px 20px rgba(0,0,0,.05);} .problema h3{font-size: 20px;color: var(--texto);} .problema dl{margin: 0;} .problema dt{font: 700 12px/1 var(--f-titulo);letter-spacing: 1.4px;text-transform: uppercase;color: var(--rojo);margin-top: 16px;} .problema dd{margin: 6px 0 0;font-size: 16.5px;line-height: 1.55;} .cifras{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;text-align: center;} .cifra strong{display: block;font: 700 clamp(38px,4.6vw,56px)/1 var(--f-titulo);color: #fff;} .cifra span{display: block;margin-top: 10px;font-size: 16px;letter-spacing: 1px;text-transform: uppercase;opacity: .85;} .ventaja{padding: 4px 0 0 64px;position: relative;} .ventaja::before{content: "";position: absolute;left: 0;top: 0;width: 44px;height: 44px;border-radius: 50%;background: var(--rojo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / 22px no-repeat;} .ventaja h3{font-size: 19px;} .ventaja p{font-size: 17px;line-height: 1.55;} .lista-check{list-style: none;padding: 0;margin: 0 0 1em;} .lista-check li{position: relative;padding-left: 34px;margin-bottom: 12px;font-size: 18px;line-height: 1.55;} .lista-check li::before{content: "✓";position: absolute;left: 0;top: 0;color: var(--rojo);font-weight: 700;font-size: 20px;} .lista-no li::before{content: "✕";color: #888;} .sec-noche .lista-check li::before,.sec-azul .lista-check li::before{color: #fff;} .pasos{counter-reset: paso;display: grid;grid-template-columns: repeat(4,1fr);gap: 26px;list-style: none;padding: 0;margin: 0;} .pasos li{counter-increment: paso;position: relative;padding-top: 74px;text-align: center;} .pasos li::before{content: counter(paso);position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 56px;height: 56px;border: 3px solid currentColor;border-radius: 50%;font: 700 22px/50px var(--f-titulo);} .pasos h3{font-size: 19px;} .pasos p{font-size: 16.5px;line-height: 1.55;} .pasos.pasos-5{grid-template-columns: repeat(5,1fr);} .encaje{display: grid;grid-template-columns: 1fr 1fr;gap: 26px;} .encaje > div{padding: 30px 28px;border: 2px solid rgba(255,255,255,.35);} .encaje > div:first-child{border-color: #fff;} .encaje h3{font-size: 20px;} .filtros{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px;margin: 0 0 34px;} .filtros button{border: 2px solid var(--texto);background: transparent;color: var(--texto);cursor: pointer;font: 700 12.5px/1 var(--f-titulo);letter-spacing: 1.2px;text-transform: uppercase;padding: 10px 16px;} .filtros button[aria-pressed="true"],.filtros button:hover{background: var(--texto);color: #fff;} .proyecto{display: block;text-decoration: none;color: var(--texto);background: #fff;border: 1px solid var(--gris-borde);transition: transform .35s ease,box-shadow .35s ease;} .proyecto:hover{transform: translateY(-4px);box-shadow: 0 14px 30px rgba(0,0,0,.12);color: var(--texto);} .proyecto-img{display: block;aspect-ratio: 3 / 2;overflow: hidden;background: #ddd;} .proyecto-img img{width: 100%;height: 100%;object-fit: cover;object-position: top;transition: transform 1.2s ease;} .proyecto:hover .proyecto-img img{transform: scale(1.04);} .proyecto-txt{display: block;padding: 20px 22px 22px;} .proyecto-txt strong{display: block;font: 700 18px/1.3 var(--f-titulo);text-transform: uppercase;letter-spacing: 1px;margin-bottom: 6px;} .proyecto-txt span{display: block;font-size: 16px;line-height: 1.5;color: var(--texto-suave);} .proyecto-txt em{display: block;margin-top: 10px;font: 600 12.5px/1.4 var(--f-titulo);font-style: normal;color: var(--rojo);letter-spacing: .5px;} .proyecto[hidden]{display: none;} .sec-noche .proyecto{border-color: rgba(255,255,255,.15);} .ficha-img{border: 2px solid #fff;outline: 1px solid #000;box-shadow: 0 20px 40px rgba(0,0,0,.25);} .ficha-datos{background: #fff;border: 1px solid var(--gris-borde);padding: 26px 28px;} .ficha-datos dt{font: 700 12px/1 var(--f-titulo);letter-spacing: 1.4px;text-transform: uppercase;color: var(--rojo);margin-top: 18px;} .ficha-datos dt:first-child{margin-top: 0;} .ficha-datos dd{margin: 6px 0 0;font-size: 17px;} .tabla-wrap{overflow-x: auto;} .tabla{width: 100%;border-collapse: collapse;background: #fff;font-size: 16.5px;line-height: 1.5;} .tabla th,.tabla td{text-align: left;padding: 14px 16px;border-bottom: 1px solid var(--gris-borde);vertical-align: top;} .tabla th{font: 700 13px/1.3 var(--f-titulo);letter-spacing: 1px;text-transform: uppercase;background: var(--noche);color: #fff;} .tabla td:first-child{font-weight: 700;} .faq details{background: #fff;border: 1px solid var(--gris-borde);margin-bottom: 10px;} .faq summary{cursor: pointer;list-style: none;padding: 18px 56px 18px 22px;position: relative;font: 600 18px/1.4 var(--f-titulo);color: var(--texto);} .faq summary::-webkit-details-marker{display: none;} .faq summary::after{content: "+";position: absolute;right: 22px;top: 50%;transform: translateY(-50%);font-size: 26px;color: var(--rojo);transition: transform .3s ease;} .faq details[open] summary::after{transform: translateY(-50%) rotate(45deg);} .faq-resp{padding: 0 22px 8px;} .faq-resp p{font-size: 17px;line-height: 1.6;} .camino{display: flex;flex-direction: column;align-items: center;text-align: center;padding: 36px 28px;border: 2px solid rgba(255,255,255,.35);color: #fff;text-decoration: none;transition: border-color .3s,background-color .3s;} .camino p{flex: 1;font-size: 17px;opacity: .9;} .camino:hover{border-color: #fff;background: rgba(255,255,255,.05);color: #fff;} .camino:hover .boton{background: #fff;color: #000;} .cta-final h2{font: 700 clamp(26px,3.2vw,36px)/1.25 var(--f-titulo);} .cta-final p{font-size: 19px;} .testimonio{background: #fff;padding: 30px 28px;border-left: 4px solid var(--rojo);} .testimonio blockquote{margin: 0 0 16px;font-style: italic;font-size: 18px;line-height: 1.6;} .testimonio cite{font: 700 14px/1.4 var(--f-titulo);font-style: normal;} .pendiente{border: 2px dashed #c8c8d0;background: transparent;color: var(--texto-suave);} .contacto-datos p{font-size: 19px;} .contacto-datos a{font-weight: 700;color: var(--texto);text-decoration: none;} .form{background: #fff;padding: 34px 32px;border: 1px solid var(--gris-borde);} .campo{margin-bottom: 18px;} .campo label{display: block;font: 700 13px/1.3 var(--f-titulo);letter-spacing: 1px;text-transform: uppercase;margin-bottom: 7px;color: var(--texto);} .campo input,.campo select,.campo textarea{width: 100%;padding: 12px 14px;border: 1px solid #c8c8d0;background: #fbfbfd;font: 500 17px/1.4 var(--f-texto);color: var(--texto);} .campo input:focus,.campo select:focus,.campo textarea:focus{outline: 2px solid var(--rojo);background: #fff;border-color: transparent;} .campo-check{display: flex;gap: 10px;align-items: flex-start;font-size: 15px;line-height: 1.5;margin-bottom: 18px;} .campo-check input{margin-top: 4px;width: 18px;height: 18px;flex: none;} .info-rgpd{font-size: 13px;line-height: 1.5;color: var(--texto-suave);margin-top: 16px;} .resultado{margin-top: 16px;padding: 14px 16px;display: none;font-size: 16px;} .resultado.ok{display: block;background: #e8f6ec;border-left: 4px solid #1f8f4a;} .resultado.error{display: block;background: #fdecee;border-left: 4px solid var(--rojo);} .form .boton{margin: 6px 0 0;} .grecaptcha-badge{visibility: hidden;} .articulo-meta{font: 600 14px/1.4 var(--f-titulo);color: rgba(255,255,255,.85);margin-top: 14px;} .articulo-cuerpo{background: #fff;} .articulo-cuerpo .texto{max-width: 780px;margin: 0 auto;} .articulo-cuerpo pre{background: var(--noche);color: #e8e8f0;padding: 18px;overflow-x: auto;font-size: 14.5px;line-height: 1.5;} .entrada{display: block;background: #fff;border: 1px solid var(--gris-borde);padding: 28px;text-decoration: none;color: var(--texto);transition: transform .3s,box-shadow .3s;} .entrada:hover{transform: translateY(-3px);box-shadow: 0 10px 26px rgba(0,0,0,.08);color: var(--texto);} .entrada time{font: 600 13px/1 var(--f-titulo);color: var(--rojo);letter-spacing: 1px;text-transform: uppercase;} .entrada h2{font: 700 21px/1.35 var(--f-titulo);margin: 10px 0;} .entrada p{font-size: 16.5px;color: var(--texto-suave);} .legal .texto{max-width: 860px;margin: 0 auto;} .legal .texto p,.legal .texto li{font-size: 17px;} .pie-web{background: var(--noche);color: rgba(255,255,255,.78);padding: 90px 0 0;font-size: 16px;} .pie-web h2{font: 700 13px/1.3 var(--f-titulo);letter-spacing: 2px;text-transform: uppercase;color: #fff;margin-bottom: 16px;} .pie-web ul{list-style: none;padding: 0;margin: 0;} .pie-web li{margin-bottom: 9px;} .pie-web a{color: rgba(255,255,255,.78);text-decoration: none;} .pie-web a:hover{color: #fff;text-decoration: underline;} .marca-pie{display: inline-flex;align-items: center;gap: 12px;font: 700 24px/1 var(--f-texto);color: #fff !important;margin-bottom: 16px;} .pie-web p{font-size: 15.5px;line-height: 1.6;} .pie-legal{margin-top: 50px;border-top: 1px solid rgba(255,255,255,.12);padding: 20px 0;font-size: 14px;} .pie-legal .caja{display: flex;flex-wrap: wrap;gap: 8px 22px;align-items: center;} .pie-legal span{margin-right: auto;} .cookies{position: fixed;left: 16px;right: 16px;bottom: 16px;z-index: 1500;max-width: 760px;margin: 0 auto;background: rgba(0,0,0,.92);color: #fff;border: 1px solid #555;padding: 18px 20px;display: flex;gap: 16px;align-items: center;box-shadow: 0 10px 40px rgba(0,0,0,.4);} .cookies[hidden]{display: none;} .cookies p{margin: 0;font-size: 14.5px;line-height: 1.5;flex: 1;} .cookies a{color: #7fd1ff;} .cookies-btn{display: flex;gap: 6px;flex: none;} .cookies .boton{margin: 0;} .js .revela{opacity: 0;transform: translateY(60px);transition: opacity .7s ease,transform .7s ease;} .js .revela.visto{opacity: 1;transform: none;} @media (max-width: 960px){.menu-btn{display: flex;flex-direction: column;justify-content: center;gap: 6px;width: 44px;height: 44px;background: none;border: 0;cursor: pointer;padding: 8px;z-index: 2;} .menu-btn span{display: block;height: 3px;background: #fff;border-radius: 2px;transition: transform .3s,opacity .3s;} .menu-abierto .menu-btn span{background: #000;} .menu-abierto .menu-btn span:nth-child(1){transform: translateY(9px) rotate(45deg);} .menu-abierto .menu-btn span:nth-child(2){opacity: 0;} .menu-abierto .menu-btn span:nth-child(3){transform: translateY(-9px) rotate(-45deg);} .menu{position: fixed;top: 0;right: 0;bottom: 0;width: min(360px,88vw);background: #fff;padding: 86px 0 30px;overflow-y: auto;transform: translateX(100%);transition: transform .35s ease;box-shadow: -10px 0 40px rgba(0,0,0,.3);} .menu-abierto .menu{transform: none;} .menu > ul{flex-direction: column;align-items: stretch;gap: 0;} .menu > ul > li{border-bottom: 1px solid #eee;} .menu a,.cabecera .menu > ul > li > a{color: #000;padding: 15px 26px;font-size: 14px;} .menu .menu-cta{border: 0;padding: 20px 26px;} .menu .menu-cta a{margin: 0;border-color: #000;text-align: center;} .submenu{position: static;opacity: 1;visibility: visible;transform: none;box-shadow: none;display: none;padding: 0 0 10px;min-width: 0;} .submenu a{padding: 10px 26px 10px 42px;} .con-sub.abierto .submenu{display: block;} .sub-btn{display: block;position: absolute;right: 10px;top: 6px;width: 40px;height: 40px;background: none;border: 0;cursor: pointer;} .sub-btn::after{content: "▾";font-size: 18px;color: #000;} .con-sub.abierto .sub-btn::after{content: "▴";} .r4{grid-template-columns: repeat(2,1fr);} .pasos.pasos-5{grid-template-columns: repeat(3,1fr);}} @media (max-width: 900px){.r3,.dos-col{grid-template-columns: 1fr 1fr;} .dos-col{grid-template-columns: 1fr;gap: 30px;} .pasos{grid-template-columns: repeat(2,1fr);row-gap: 40px;} .cifras{grid-template-columns: repeat(2,1fr);row-gap: 36px;} .seccion{padding: 64px 0;}} @media (max-width: 640px){body{font-size: 17px;} .cabecera-int{padding: 0 16px;height: 64px;} .caja{padding: 0 16px;} .r2,.r3,.r4,.encaje,.pasos,.pasos.pasos-5{grid-template-columns: 1fr;} .skyline{height: 46%;} .hero-interior{padding: 90px 0 70px;} .logos img:first-child{width: 48px;} .logos img:last-child{height: 28px;} .firma strong{font-size: 21px;} .boton{display: block;margin: 10px 0;text-align: center;} .menu .menu-cta a{display: block;} .texto p,.texto li{font-size: 17.5px;} .cookies{flex-direction: column;align-items: stretch;} .cookies-btn .boton{flex: 1;} .pie-legal span{width: 100%;} .form{padding: 24px 18px;}} @media (prefers-reduced-motion: reduce){*,*::before,*::after{animation: none !important;transition: none !important;scroll-behavior: auto !important;} .js .revela{opacity: 1;transform: none;} .dia,.estrellas{animation: none !important;} .dia video{display: none;}} .menu-abierto .cookies{display: none;} html.cargando,html.cargando a{cursor: progress;} .hero-home,.hero-interior,.hero-pantalla{min-height: calc(100vh - var(--franja));min-height: calc(100svh - var(--franja));} .escenario{height: calc(100vh - var(--franja));} .hero-pantalla{display: flex;align-items: center;padding: 96px 0 64px;} .hero-pantalla .hero-txt{width: 100%;max-width: 1300px;margin: 0 auto;padding: 0 24px;} .titulo-pantalla{font: 700 clamp(24px,2.6vw,30px)/1.3 var(--f-texto);color: #fff;text-align: center;border-bottom: 1px solid #fff;padding-bottom: 10px;margin: 0 0 22px;} .cajas-oscuras{display: grid;grid-template-columns: 1fr 1fr;gap: 2%;} .caja-oscura{background: rgba(0,0,0,.5);padding: 22px 30px 26px;color: #fff;text-align: left;} .caja-oscura h2{font: 700 22px/1.3 var(--f-texto);text-align: center;color: #fff;border-bottom: 1px solid rgba(255,255,255,.8);padding-bottom: 8px;margin: 0 0 16px;} .caja-oscura p{font-size: 18px;line-height: 1.55;text-align: justify;hyphens: auto;} .caja-oscura a{color: #fff;} .lista-servicios{list-style: none;margin: 0;padding: 0;} .lista-servicios li{border-bottom: 1px solid rgba(255,255,255,.15);} .lista-servicios a{display: block;padding: 11px 4px 11px 30px;position: relative;text-decoration: none;font-size: 17.5px;line-height: 1.45;transition: background-color .3s;} .lista-servicios a::before{content: "›";position: absolute;left: 8px;top: 9px;font-size: 22px;color: var(--rojo);} .lista-servicios a:hover{background: rgba(255,255,255,.08);} .destacados{display: grid;grid-template-columns: repeat(3,1fr);gap: 18px 2%;} .destacado{display: block;color: #fff;text-decoration: none;text-align: center;} .destacado strong{display: block;font: 600 19px/1.2 var(--f-texto);text-transform: uppercase;letter-spacing: 1px;} .destacado-tec{display: block;font-size: 14.5px;opacity: .9;margin: 3px 0 7px;} .destacado-img{display: block;height: clamp(110px,19vh,210px);overflow: hidden;border: 2px solid #fff;outline: 1px solid #000;background: rgba(255,255,255,.1);} .destacado-img img{width: 100%;height: 100%;object-fit: cover;object-position: top;transition: transform 1.2s ease;} .destacado:hover .destacado-img img{transform: scale(1.05);} .destacado:hover strong{color: #ffd2d9;} .contacto-oscura{display: grid;grid-template-columns: 1fr 1.25fr;gap: 36px;} .contacto-oscura .contacto-datos p{font-size: 17.5px;} .contacto-oscura .contacto-datos a{color: #fff;font-weight: 700;text-decoration: none;} .form-oscuro{background: transparent;border: 0;padding: 0;} .form-oscuro .campo label,.form-oscuro .campo-check{color: #fff;} .form-oscuro .campo{margin-bottom: 12px;} .form-oscuro .campo input,.form-oscuro .campo select,.form-oscuro .campo textarea{background: rgba(255,255,255,.6);border: 0;color: #000;padding: 9px 12px;} .form-oscuro .campo input:focus,.form-oscuro .campo select:focus,.form-oscuro .campo textarea:focus{background: #fff;} .form-oscuro .campo-check a,.form-oscuro .info-rgpd a{color: #fff;} .form-oscuro .info-rgpd{color: rgba(255,255,255,.7);font-size: 12px;text-align: left;} .form-oscuro .boton-rojo{border-color: #fff;background: transparent;} .form-oscuro .boton-rojo:hover{background: #fff;color: #000;} .form-oscuro .resultado.ok,.form-oscuro .resultado.error{color: #000;} .titulo-sec{text-transform: uppercase;} .subtitulo.mayus{text-transform: uppercase;font-size: clamp(17px,1.9vw,22px);letter-spacing: .5px;} .sec-azul .titulo-sec.rojo{color: var(--rojo-titulo);} .col-diseno{text-align: center;} .col-diseno img{width: 96px;height: 96px;margin: 0 auto 14px;} .col-diseno h3{font: 700 22px/1.25 var(--f-texto);color: var(--rojo-titulo);margin-bottom: 14px;} .col-diseno p{font-size: 18px;line-height: 1.5;text-align: justify;hyphens: auto;color: #000;font-weight: 400;} .fila-2{margin-top: 44px;} .sec-mant{--fondo: #F7F7F7;color: var(--texto);} .intro-soporte{text-align: center;max-width: 760px;margin: -20px auto 36px;font-size: 18px;} .iconos{display: grid;gap: 2%;row-gap: 22px;} .iconos.r3{grid-template-columns: repeat(3,1fr);} .iconos.r2{grid-template-columns: repeat(2,1fr);} .icono{position: relative;display: block;height: 190px;overflow: hidden;text-align: center;color: #fff;text-decoration: none;} .sec-mant .icono{color: var(--texto);} .icono img{width: 96px;height: 96px;margin: 18px auto 10px;} .icono-nombre{display: block;font-size: 18px;font-weight: 500;} .icono-panel{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;padding: 18px 26px;color: #fff;font-size: 17.5px;line-height: 1.45;opacity: 0;transition: opacity 1.2s .2s ease;} .icono.negro .icono-panel{background: #000;} .icono.rojo .icono-panel{background: var(--rojo);} .icono:hover .icono-panel,.icono:focus-visible .icono-panel{opacity: 1;} @media (hover: none){.icono{height: auto;padding-bottom: 10px;} .icono-panel{position: static;opacity: 1;background: none !important;color: inherit;font-size: 15.5px;padding: 6px 12px 0;display: block;}} .flechas{position: absolute;top: 0;left: 0;right: 0;z-index: 5;pointer-events: none;height: calc(100svh - var(--franja));} .fl{position: absolute;pointer-events: auto;opacity: .75;transition: opacity .3s,transform .3s;line-height: 0;} .fl img{width: 32px;height: 32px;} .fl:hover,.fl:focus-visible{opacity: 1;} .fl-ant{left: 14px;top: 50%;} .fl-sig{right: 14px;top: 50%;} .fl-ant:hover{transform: translateX(-3px);} .fl-sig:hover{transform: translateX(3px);} .fl-aba{left: 50%;bottom: 14px;transform: translateX(-50%);animation: botar 2.4s ease-in-out infinite;} @keyframes botar{0%,100%{transform: translate(-50%,0);} 50%{transform: translate(-50%,6px);}} .fl-arriba{position: fixed;right: 18px;bottom: 18px;z-index: 900;width: 46px;height: 46px;border-radius: 50%;border: 0;background: rgba(0,0,0,.55);cursor: pointer;display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: opacity .3s,visibility .3s;} .fl-arriba img{width: 32px;height: 32px;transform: rotate(180deg);} .fl-arriba.visible{opacity: .85;visibility: visible;} .fl-arriba:hover{opacity: 1;} .cookies:not([hidden]) ~ .fl-arriba{bottom: 110px;} .paginas-transicion.vertical{height: 100vh;} @media (max-width: 900px){.cajas-oscuras,.contacto-oscura{grid-template-columns: 1fr;gap: 18px;} .destacados{grid-template-columns: repeat(2,1fr);} .iconos.r3{grid-template-columns: repeat(2,1fr);}} @media (max-width: 640px){:root{--franja: 110px;} .destacados,.iconos.r3,.iconos.r2{grid-template-columns: 1fr;} .fl-ant,.fl-sig{top: auto;bottom: 14px;} .caja-oscura{padding: 18px 16px 20px;} .navegador .boton{display: inline-block;margin: 6px 4px;}} .campos-2{display: grid;grid-template-columns: 1fr 1fr;gap: 0 14px;} .form-oscuro .campo label{font-size: 12px;margin-bottom: 4px;} .form-oscuro .campo-check{margin-bottom: 10px;font-size: 14px;} @media (max-width: 640px){.campos-2{grid-template-columns: 1fr;}} .paginas-transicion.vertical > .pagina:not(.entrante){transition: transform 1.5s cubic-bezier(.45,.05,.35,1),opacity .6s ease;} h1[tabindex="-1"]:focus{outline: none;} @media (max-width: 640px){.caja-oscura p,.col-diseno p{text-align: left;}} :root{--franja: 0px;--banda: max(25vh,230px);} .escenario{height: 100vh;transition: transform 1.5s cubic-bezier(.45,.05,.35,1);will-change: transform;} .skyline{height: 58vh;max-height: 640px;} .hero-home,.hero-pantalla{min-height: 100vh;min-height: 100svh;} .flechas{height: 100svh;} .hero-interior{min-height: 0;height: var(--banda);padding: 76px 0 18px;display: flex;align-items: center;} .hero-interior h1{font-size: clamp(22px,2.6vw,36px);padding-bottom: 10px;margin-bottom: 0;} .hero-interior .migas{margin-bottom: 10px;font-size: 12px;} .hero-interior::after{border-top-color: var(--noche);} .intro-blanca{padding: 56px 0 10px;} .intro-blanca::after{display: none;} .entradilla-blanca{font-size: clamp(18px,1.9vw,22px);line-height: 1.6;text-align: center;color: var(--texto);max-width: 860px;margin: 0 auto;} @media (max-width: 640px){:root{--banda: max(25vh,200px);} .hero-interior{padding-top: 64px;}} .proyecto.sin-ficha:hover{transform: none;box-shadow: none;} .proyecto.sin-ficha:hover .proyecto-img img{transform: none;} .otros-servicios .tarjeta{padding: 24px 20px;} .escenario{position: fixed;top: 0;left: 0;right: 0;height: 100vh;} .escenario::after{display: none;} .dia::before{transition: opacity .6s ease;} .escenario.video-ok .dia::before{opacity: 0;} .dia video{object-position: center 70%;} .skyline{height: 100%;max-height: 640px;} @media (max-width: 640px){.skyline{height: 60%;}} @media (min-width: 961px){.submenu{background: rgba(0,0,0,.5);box-shadow: none;} .submenu a,.cabecera.solida .submenu a{color: #fff;} .submenu a:hover,.submenu a.activo{color: var(--rojo);}} @media (min-width: 961px){.submenu{background: rgba(0,0,0,.75);}} @media (max-width: 900px) and (hover: none),(max-width: 640px){.fl-ant,.fl-sig{display: none;} .hero-home,.hero-pantalla{padding-bottom: 64px;} .flechas.hero-largo .fl-aba{display: none;} .fl-aba{bottom: 12px;opacity: .6;}} .hero-home,.hero-pantalla{touch-action: pan-y;} .nav-final{padding: 50px 0;} .nav-final .botones{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px;margin: 0;} .nav-final .boton{margin: 0;} @media (max-width: 640px){.nav-final .boton{flex: 1 1 100%;text-align: center;}} @media (max-width: 960px){.submenu,.con-sub .submenu{display: block;} .sub-btn{display: none !important;}} .resultado h2,.caja-oscura .resultado h2{font: 600 16px/1.45 var(--f-texto,inherit);color: inherit;text-align: left;margin: 0;padding: 0;border: 0;text-transform: none;letter-spacing: 0;} .resultado h2::after,.caja-oscura .resultado h2::after{display: none;} .resultado.error,.form-oscuro .resultado.error{color: #8a0f22;} .resultado.ok,.form-oscuro .resultado.ok{color: #145c30;} @font-face{font-family: "Space Grotesk";font-weight: 500;font-style: normal;font-display: swap;src: url("../fonts/space-grotesk-latin-500-normal.woff2") format("woff2");} @font-face{font-family: "Space Grotesk";font-weight: 700;font-style: normal;font-display: swap;src: url("../fonts/space-grotesk-latin-700-normal.woff2") format("woff2");} @font-face{font-family: "Inter";font-weight: 400;font-style: normal;font-display: swap;src: url("../fonts/inter-latin-400-normal.woff2") format("woff2");} @font-face{font-family: "Inter";font-weight: 500;font-style: normal;font-display: swap;src: url("../fonts/inter-latin-500-normal.woff2") format("woff2");} @font-face{font-family: "Inter";font-weight: 600;font-style: normal;font-display: swap;src: url("../fonts/inter-latin-600-normal.woff2") format("woff2");} @font-face{font-family: "Inter";font-weight: 700;font-style: normal;font-display: swap;src: url("../fonts/inter-latin-700-normal.woff2") format("woff2");} :root{--azul-b: #DD1A39;--azul-b-osc: #B3132D;--azul-b-claro: #FDECEE;--tinta: #0C0F14;--tinta-2: #141922;--linea-osc: #252B36;--gris-n: #F3F4F6;--texto: #1E232B;--texto-suave: #5B6270;--rojo: var(--azul-b);--rojo-titulo: var(--tinta);--f-titulo: "Space Grotesk","Segoe UI",Arial,sans-serif;--f-texto: "Inter","Segoe UI",Arial,sans-serif;--f-rotulo: "Space Grotesk","Segoe UI",Arial,sans-serif;--radio: 22px;} body{font: 400 17px/1.6 var(--f-texto);color: var(--texto);} h1,h2,h3{font-family: var(--f-titulo);letter-spacing: -.02em;text-wrap: balance;} a{color: var(--azul-b);} a:hover{color: var(--azul-b-osc);} :focus-visible{outline-color: var(--azul-b);} .marca{display: inline-flex;align-items: center;gap: 10px;text-decoration: none;font: 700 24px/1 var(--f-titulo);letter-spacing: -.03em;color: #fff;} .marca img{width: 38px;height: 38px;} .marca small{font-size: inherit;font-weight: 500;opacity: .65;} .marca:hover{color: #fff;} .menu a{font: 500 15px/1.2 var(--f-texto);letter-spacing: 0;text-transform: none;padding: 10px 13px;} .menu a:hover,.menu a.activo{color: #FF9AA8;} .menu .menu-cta a{border: 0;background: var(--azul-b);color: #fff;border-radius: 999px;padding: 12px 20px;font-weight: 600;} .menu .menu-cta a:hover{background: #fff;color: var(--tinta);} .cabecera.solida{background: #fff;box-shadow: 0 1px 0 #E4E7EB;} .cabecera.solida .marca{color: var(--tinta);} .cabecera.solida .menu > ul > li > a{color: var(--tinta);} .cabecera.solida .menu > ul > li > a:hover,.cabecera.solida .menu > ul > li > a.activo{color: var(--azul-b);} .cabecera.solida .menu-cta a{color: #fff !important;} .cabecera.solida .menu-cta a:hover{background: var(--tinta);} @media (min-width: 961px){.submenu{border-radius: 14px;overflow: hidden;} .submenu a:hover,.submenu a.activo{color: #FF9AA8;}} .boton{border: 1.5px solid rgba(255,255,255,.45);border-radius: 999px;padding: 15px 28px;margin: 0;font: 600 16px/1.2 var(--f-texto);letter-spacing: 0;text-transform: none;transition: background-color .25s,color .25s,border-color .25s,transform .25s;} .boton{background: #fff;color: var(--tinta);border-color: #fff;} .boton:hover,.boton:focus-visible{background: var(--tinta);color: #fff;border-color: var(--tinta);} .boton-rojo,.boton-prim{background: var(--azul-b);border-color: var(--azul-b);color: #fff;} .boton-rojo:hover,.boton-prim:hover,.boton-rojo:focus-visible,.boton-prim:focus-visible{background: var(--tinta);color: #fff;border-color: var(--tinta);} .sec-claro .boton,.sec-blanco .boton,.sec-mant .boton{background: #fff;border-color: #C9CDD4;color: var(--tinta);} .sec-claro .boton:hover,.sec-blanco .boton:hover,.sec-mant .boton:hover{background: var(--tinta);border-color: var(--tinta);color: #fff;} .sec-claro .boton-rojo,.sec-blanco .boton-rojo{background: var(--azul-b);border-color: var(--azul-b);color: #fff;} .sec-claro .boton-rojo:hover,.sec-blanco .boton-rojo:hover{background: var(--tinta);border-color: var(--tinta);color: #fff;} .botones{display: flex;flex-wrap: wrap;gap: 12px;} .centrado .botones,.botones.centrado{justify-content: center;} .hero-home .hero-txt{text-align: left;max-width: 1240px;padding: 120px 24px 90px;} .etiqueta{display: inline-flex;align-items: center;gap: 10px;margin: 0 0 24px;padding: 8px 16px;border: 1px solid rgba(255,255,255,.28);border-radius: 999px;background: rgba(12,15,20,.35);font: 600 14px/1.2 var(--f-texto);color: #E6EAF2;backdrop-filter: blur(4px);} .etiqueta::before{content: "";width: 8px;height: 8px;border-radius: 50%;background: var(--azul-b);box-shadow: 0 0 0 4px rgba(221,26,57,.25);} .hero-home h1{font: 700 clamp(44px,7vw,88px)/1 var(--f-titulo);letter-spacing: -.03em;text-transform: none;max-width: 900px;margin: 0 0 24px;text-shadow: 0 2px 24px rgba(0,0,0,.35);} .hero-home .hero-sub{margin: 0 0 36px;max-width: 660px;font: 400 clamp(18px,1.9vw,21px)/1.55 var(--f-texto);color: #E3E8F1;} .hero-home .botones{margin: 0;} .hero-home .firma{display: none;} .hero-interior h1{font: 700 clamp(26px,3.4vw,46px)/1.1 var(--f-titulo);letter-spacing: -.02em;text-transform: none;} .migas{font: 500 13px/1 var(--f-texto);letter-spacing: 0;text-transform: none;} .seccion{padding: 110px 0;} .seccion::after,.hero::after{display: none;} .sec-claro{--fondo: var(--gris-n);} .sec-mant{--fondo: #fff;} .sec-noche{--fondo: var(--tinta);} .sec-azul{--fondo: var(--tinta);background: var(--tinta);} .sec-rojo{--fondo: var(--azul-b);} .antetitulo{margin: 0 0 12px;font: 600 14px/1.3 var(--f-texto);letter-spacing: .08em;text-transform: uppercase;color: var(--azul-b);} .sec-noche .antetitulo,.sec-azul .antetitulo{color: #FF9AA8;} .titulo-sec{font: 700 clamp(32px,4.2vw,54px)/1.05 var(--f-titulo);letter-spacing: -.02em;text-transform: none;color: var(--tinta);text-align: left;margin: 0 0 16px;} .sec-azul .titulo-sec,.sec-noche .titulo-sec,.sec-rojo .titulo-sec,.titulo-sec.claro,.sec-azul .titulo-sec.rojo{color: #fff;} .centrado .titulo-sec,.estrecha .titulo-sec{text-align: center;} .subtitulo,.subtitulo.mayus{text-align: left;text-transform: none;letter-spacing: 0;font-size: 18px;margin: 0 0 48px;color: var(--texto-suave);} .encabezado{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;gap: 16px 48px;margin-bottom: 52px;} .encabezado > div{flex: 1 1 460px;min-width: 0;} .encabezado > p{flex: 1 1 360px;min-width: 0;margin: 0;font-size: 17px;color: var(--texto-suave);} .sec-noche .encabezado > p,.sec-azul .encabezado > p{color: #A7ADB8;} .encabezado .titulo-sec{margin: 0;} .puntos{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 48px 40px;} .punto h3{font: 700 23px/1.2 var(--f-titulo);color: var(--tinta);margin: 0 0 10px;} .punto p{font-size: 16.5px;line-height: 1.6;color: #3A414D;margin: 0;} .punto-ico{display: flex;align-items: center;justify-content: center;width: 52px;height: 52px;border-radius: 14px;background: var(--azul-b-claro);margin-bottom: 18px;} .punto-ico img{width: 30px;height: 30px;object-fit: contain;filter: brightness(0);} .aviso-joomla{padding: 0 0 110px;background: #fff;} .aviso-caja{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 32px 48px;background: var(--azul-b);color: #fff;border-radius: 32px;padding: clamp(32px,5vw,64px);} .aviso-caja > div{flex: 999 1 520px;min-width: 0;} .aviso-caja h2{font: 700 clamp(30px,4vw,52px)/1.05 var(--f-titulo);margin: 0 0 16px;color: #fff;} .aviso-caja p{margin: 0;font-size: 18.5px;line-height: 1.55;color: #FFE6EA;max-width: 640px;} .aviso-caja .boton{background: #fff;color: var(--tinta);border-color: #fff;flex: 0 0 auto;} .aviso-caja .boton:hover{background: var(--tinta);color: #fff;border-color: var(--tinta);} .tarjetas{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 20px;} .tarjeta,.ficha-serv{display: flex;flex-direction: column;gap: 14px;background: #fff;border: 0;border-radius: var(--radio);padding: 30px;color: var(--tinta);text-decoration: none;transition: transform .25s ease,box-shadow .25s ease;} .tarjeta:hover,.ficha-serv:hover{background: #fff;color: var(--tinta);transform: translateY(-4px);box-shadow: 0 18px 40px rgba(12,15,20,.10);} .ficha-serv .ico,.tarjeta img{width: 52px;height: 52px;border-radius: 14px;background: var(--azul-b);padding: 12px;margin: 0;object-fit: contain;display: flex;align-items: center;justify-content: center;} .tarjeta:hover img{background: var(--azul-b);} .ficha-serv .ico img{width: 28px;height: 28px;filter: brightness(0) invert(1);} .tarjeta img{filter: brightness(0) invert(1);} .ficha-serv h3,.tarjeta h3{margin: 0;font: 700 22px/1.2 var(--f-titulo);} .ficha-serv p,.tarjeta p{margin: 0;font-size: 16px;line-height: 1.55;color: var(--texto-suave);} .tarjeta .mas,.ficha-serv .mas{margin-top: auto;font: 600 15px/1 var(--f-texto);letter-spacing: 0;text-transform: none;color: var(--azul-b);} .tarjeta:hover .mas{color: var(--azul-b);} .sec-blanco .tarjeta,.sec-mant .tarjeta{background: var(--gris-n);} .oscuras{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 20px;} .oscura{display: flex;flex-direction: column;gap: 12px;padding: 30px;border-radius: var(--radio);background: var(--tinta-2);border: 1px solid var(--linea-osc);color: #fff;text-decoration: none;transition: transform .25s ease,border-color .25s ease;} .oscura::before{content: "";width: 40px;height: 4px;border-radius: 2px;background: var(--azul-b);} .oscura:hover{color: #fff;transform: translateY(-4px);border-color: var(--azul-b);} .oscura h3{margin: 0;font: 700 22px/1.2 var(--f-titulo);} .oscura p{margin: 0;font-size: 16px;line-height: 1.55;color: #A7ADB8;} .faq details{background: #fff;border: 0;border-radius: 18px;margin-bottom: 12px;} .sec-blanco .faq details{background: var(--gris-n);} .faq summary{font: 700 19px/1.35 var(--f-titulo);color: var(--tinta);padding: 22px 60px 22px 28px;} .faq summary::after{color: var(--azul-b);right: 26px;} .faq-resp{padding: 0 28px 10px;} .faq-resp p{font-size: 16.5px;color: #3A414D;} .cta-final,.trabajamos{--fondo: var(--azul-b);background: var(--azul-b);} .cta-final h2{font: 700 clamp(34px,5vw,64px)/1.02 var(--f-titulo);color: #fff;} .cta-final p{color: #FFE6EA;font-size: 19px;} .cta-final .boton{background: #fff;color: var(--tinta);border-color: #fff;} .cta-final .boton:hover{background: var(--tinta);color: #fff;border-color: var(--tinta);} .camino{border-radius: var(--radio);border-color: var(--linea-osc);background: var(--tinta-2);} .camino:hover{border-color: var(--azul-b);background: var(--tinta-2);} .nav-final .titulo-sec{text-align: center;} .nav-final .botones{justify-content: center;} .proyecto,.entrada,.ficha-datos,.form,.problema,.testimonio{border-radius: var(--radio);overflow: hidden;} .proyecto-txt strong{font: 700 20px/1.25 var(--f-titulo);text-transform: none;letter-spacing: -.01em;} .proyecto-txt em,.entrada time,.ficha-datos dt,.problema dt{color: var(--azul-b);} .campo label{font: 600 14px/1.3 var(--f-texto);letter-spacing: 0;text-transform: none;} .campo input,.campo select,.campo textarea{border-radius: 12px;} .tabla th{background: var(--tinta);font-family: var(--f-texto);letter-spacing: 0;text-transform: none;} .texto h2{font: 700 30px/1.2 var(--f-titulo);color: var(--tinta);} .lista-check li::before{color: var(--azul-b);} .pasos li::before{background: var(--azul-b);color: #fff;} .caja-oscura{border-radius: var(--radio);background: rgba(12,15,20,.62);backdrop-filter: blur(4px);} .caja-oscura h2{font-family: var(--f-titulo);text-transform: none;letter-spacing: -.01em;} .lista-servicios a::before{color: #FF9AA8;} .destacado-img{border-radius: 14px;border: 0;outline: 0;} .destacado strong{font: 700 18px/1.2 var(--f-titulo);text-transform: none;letter-spacing: -.01em;} .destacado:hover strong{color: #FF9AA8;} .form-oscuro .boton-rojo{background: var(--azul-b);border-color: var(--azul-b);color: #fff;} .form-oscuro .boton-rojo:hover{background: var(--tinta);border-color: var(--tinta);color: #fff;} .form-oscuro .campo input,.form-oscuro .campo select,.form-oscuro .campo textarea{border-radius: 10px;background: rgba(255,255,255,.85);} .pie-web{background: #080A0E;color: #A7ADB8;padding: 80px 0 0;} .pie-web h2{font: 700 15px/1.3 var(--f-titulo);letter-spacing: 0;text-transform: none;} .pie-web a{color: #A7ADB8;} .marca-pie{font: 700 22px/1 var(--f-titulo);letter-spacing: -.03em;} .marca-pie img{width: 34px;height: 34px;} .pie-legal{border-top-color: #1E232B;} .cookies{border-radius: 18px;border-color: #2A303B;background: rgba(12,15,20,.96);} .cookies a{color: #FF9AA8;} .fl-arriba{background: var(--azul-b);} @media (max-width: 960px){.menu a,.cabecera .menu > ul > li > a{font-size: 16px;} .menu .menu-cta a{color: #fff !important;} .oscuras{grid-template-columns: repeat(2,minmax(0,1fr));}} @media (max-width: 900px){.puntos,.tarjetas{grid-template-columns: repeat(2,minmax(0,1fr));} .seccion{padding: 80px 0;}} @media (max-width: 640px){.puntos,.tarjetas,.oscuras{grid-template-columns: 1fr;} .hero-home .hero-txt{padding: 100px 16px 80px;} .botones .boton{flex: 1 1 100%;text-align: center;} .aviso-joomla{padding-bottom: 80px;} .aviso-caja{border-radius: 24px;}} .dia{animation: dia-noche-largo 90s linear -6s infinite;} .estrellas{animation: estrellas-largo 90s linear -6s infinite;} @keyframes dia-noche-largo{0%{opacity: .05;} 6.67%{opacity: 1;} 84.44%{opacity: 1;} 91.11%{opacity: .05;} 100%{opacity: .05;}} @keyframes estrellas-largo{0%{opacity: .55;} 6.67%{opacity: 0;} 84.44%{opacity: 0;} 91.11%{opacity: .55;} 100%{opacity: .55;}} .boton,a.boton,.caja-oscura a.boton,.cta-final a.boton,.aviso-caja a.boton{color: var(--tinta) !important;} .boton:hover,.boton:focus-visible,a.boton:hover,.caja-oscura a.boton:hover{color: #fff !important;} .boton-rojo,.boton-prim,a.boton-rojo,a.boton-prim,.form-oscuro .boton-rojo{color: #fff !important;} .antetitulo{color: var(--texto-suave);} .sec-noche .antetitulo,.sec-azul .antetitulo{color: #A7ADB8;} .proyecto-txt em,.entrada time,.ficha-datos dt,.problema dt{color: var(--tinta);font: 600 13.5px/1.4 var(--f-texto);letter-spacing: 0;text-transform: none;} .tarjeta .mas,.ficha-serv .mas,.tarjeta:hover .mas{color: var(--tinta);} .punto p a,.texto a,.faq-resp a,.entradilla-blanca a,.col-diseno p a{color: var(--tinta);text-decoration: underline;text-decoration-color: var(--azul-b);text-decoration-thickness: 2px;text-underline-offset: 3px;} .punto p a:hover,.texto a:hover,.faq-resp a:hover{color: var(--azul-b);} .caja-oscura .texto a,.caja-oscura p a{color: #fff;} .menu > ul > li > a.activo,.cabecera.solida .menu > ul > li > a.activo{color: inherit;box-shadow: inset 0 -2px 0 var(--azul-b);} .menu > ul > li > a.activo{color: #fff;} .cabecera.solida .menu > ul > li > a.activo{color: var(--tinta);} .menu > ul > li > a:hover{color: #fff;opacity: .8;} .cabecera.solida .menu > ul > li > a:hover{color: var(--tinta);} @media (max-width: 960px){.menu a.activo,.cabecera .menu > ul > li > a.activo{color: #000;}} .lista-servicios a::before{color: #fff;} .filtros{gap: 10px;} .filtros button{border: 1.5px solid #C9CDD4;border-radius: 999px;background: #fff;color: var(--tinta);font: 600 15px/1 var(--f-texto);letter-spacing: 0;text-transform: none;padding: 11px 18px;} .filtros button[aria-pressed="true"],.filtros button:hover{background: var(--tinta);border-color: var(--tinta);color: #fff;} .cuadros{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 72px 18px;padding-top: 56px;} .cuadro{--c1: #FF5A6A;--c2: #C8152F;position: relative;display: flex;flex-direction: column;justify-content: flex-end;min-height: 430px;padding: 34px 30px 30px;border-radius: 24px;color: #fff;text-decoration: none;background: linear-gradient(180deg,var(--c1) 0%,var(--c2) 48%,#0C0F14 100%);box-shadow: 0 18px 40px rgba(12,15,20,.14);transition: transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease;} .cuadro:hover,.cuadro:focus-visible{color: #fff;transform: translateY(-6px);box-shadow: 0 26px 50px rgba(12,15,20,.22);} .cuadro-ico{position: absolute;top: -56px;right: 26px;width: 150px;height: 150px;color: #fff;filter: drop-shadow(0 14px 22px rgba(0,0,0,.28));transform: rotate(-8deg);transition: transform .45s cubic-bezier(.2,.7,.2,1);} .cuadro-ico svg{width: 100%;height: 100%;display: block;} .cuadro:hover .cuadro-ico{transform: rotate(0deg) translateY(-8px) scale(1.05);} .cuadro h3{margin: 0 0 14px;font: 700 clamp(30px,2.8vw,40px)/1.02 var(--f-titulo);letter-spacing: -.02em;color: #fff;} .cuadro p{margin: 0;font-size: 16.5px;line-height: 1.5;color: rgba(255,255,255,.88);max-width: 30ch;} .cuadro-btn{align-self: flex-start;margin-top: 26px;padding: 13px 24px;border-radius: 999px;background: #fff;color: var(--tinta);font: 600 15.5px/1.2 var(--f-texto);transition: background-color .25s,color .25s;} .cuadro:hover .cuadro-btn,.cuadro:focus-visible .cuadro-btn{background: var(--tinta);color: #fff;} .c-rojo{--c1: #FF5A6A;--c2: #C8152F;} .c-naranja{--c1: #FFA53D;--c2: #E0560F;} .c-ambar{--c1: #F7CC45;--c2: #C98A00;} .c-violeta{--c1: #B4A8FF;--c2: #5A4AD0;} .c-azul{--c1: #6CB4FF;--c2: #1F5FD6;} .c-turquesa{--c1: #4FD8C6;--c2: #0E8A80;} @media (max-width: 900px){.cuadros{grid-template-columns: repeat(2,minmax(0,1fr));}} @media (max-width: 640px){.cuadros{grid-template-columns: 1fr;gap: 64px;} .cuadro{min-height: 360px;} .cuadro-ico{width: 120px;height: 120px;top: -44px;}} @media (prefers-reduced-motion: reduce){.cuadro,.cuadro-ico{transition: none;}} .punto-ico{background: var(--azul-b);color: #fff;} .punto-ico svg{display: block;} .cuadros-4{grid-template-columns: repeat(4,minmax(0,1fr));gap: 64px 16px;} .c-oscuro{--c1: #2A303B;--c2: #171B23;background: linear-gradient(180deg,#262C37 0%,#171B23 55%,#0C0F14 100%);border: 1px solid #2A303B;box-shadow: none;min-height: 380px;} .c-oscuro .cuadro-ico{color: var(--azul-b);width: 120px;height: 120px;top: -46px;filter: drop-shadow(0 12px 20px rgba(221,26,57,.35));} .c-oscuro h3{font-size: clamp(24px,2.1vw,30px);} .c-oscuro p{color: #A7ADB8;} .c-oscuro:hover{border-color: var(--azul-b);box-shadow: 0 24px 50px rgba(0,0,0,.45);} .sec-noche .cuadros{padding-top: 70px;} .cifras-mini{list-style: none;margin: 0;padding: 0;display: flex;gap: 36px;flex-wrap: wrap;} .cifras-mini li{font-size: 15px;color: var(--texto-suave);line-height: 1.3;max-width: 13ch;} .cifras-mini strong{display: block;font: 700 46px/1 var(--f-titulo);color: var(--tinta);letter-spacing: -.03em;margin-bottom: 6px;} .proy-dest{display: grid;grid-template-columns: 1.6fr 1fr;grid-template-rows: auto auto;gap: 20px;} .proy{position: relative;display: block;overflow: hidden;border-radius: 24px;background: var(--tinta);color: #fff;text-decoration: none;min-height: 280px;} .proy-grande{grid-row: span 2;min-height: 580px;} .proy-img,.proy-img img{position: absolute;inset: 0;width: 100%;height: 100%;} .proy-img img{object-fit: cover;object-position: top;transition: transform 1.2s cubic-bezier(.2,.7,.2,1);} .proy-img::after{content: "";position: absolute;inset: 0;background: linear-gradient(180deg,rgba(12,15,20,0) 30%,rgba(12,15,20,.55) 60%,rgba(12,15,20,.95) 100%);} .proy:hover .proy-img img{transform: scale(1.04);} .proy-txt{position: absolute;left: 0;right: 0;bottom: 0;padding: 26px 28px;display: flex;flex-direction: column;gap: 6px;} .proy-tec{align-self: flex-start;font: 600 13px/1 var(--f-texto);background: var(--azul-b);color: #fff;padding: 7px 12px;border-radius: 999px;} .proy-txt strong{font: 700 26px/1.1 var(--f-titulo);letter-spacing: -.02em;margin-top: 6px;} .proy-grande .proy-txt strong{font-size: clamp(30px,3vw,40px);} .proy-res{font-size: 15.5px;line-height: 1.5;color: rgba(255,255,255,.85);max-width: 52ch;} .proy:not(.proy-grande) .proy-res{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .proy-mas{margin-top: 36px;} .sec-blanco .proy-mas .boton{border-color: #C9CDD4;} @media (max-width: 960px){.cuadros-4{grid-template-columns: repeat(2,minmax(0,1fr));}} @media (max-width: 900px){.proy-dest{grid-template-columns: 1fr;} .proy-grande{grid-row: auto;min-height: 420px;}} @media (max-width: 640px){.cuadros-4{grid-template-columns: 1fr;} .proy,.proy-grande{min-height: 340px;} .cifras-mini strong{font-size: 38px;}} .cuadro,.c-oscuro{min-height: 320px;} @media (max-width: 640px){.cuadro,.c-oscuro{min-height: 300px;}} .proy-img::after{background: linear-gradient(180deg,rgba(12,15,20,0) 0%,rgba(12,15,20,0) 52%,rgba(12,15,20,.78) 74%,rgba(12,15,20,.96) 100%);} .proy-txt{text-shadow: 0 1px 12px rgba(0,0,0,.45);} @media (max-width: 640px){.puntos{gap: 28px;} .punto{display: grid;grid-template-columns: 52px minmax(0,1fr);column-gap: 16px;} .punto-ico{grid-row: span 2;margin: 0;} .punto h3{font-size: 20px;margin: 4px 0 6px;} .seccion{padding: 64px 0;} .aviso-joomla{padding-bottom: 64px;}} @media (max-width: 960px){.cabecera .menu > ul > li > a{font-weight: 700;font-size: 16px;padding: 16px 26px;} .menu .submenu a{padding: 9px 26px 9px 42px;font-size: 15px;font-weight: 500;color: #3A414D;} .menu > ul > li > a.activo,.cabecera.solida .menu > ul > li > a.activo{box-shadow: inset 4px 0 0 var(--azul-b);color: #000;}} .titulo-sec + div:not(.puntos):not(.cuadros):not(.faq),.titulo-sec + ol,.titulo-sec + ul{margin-top: 40px;} .titulo-sec + .faq{margin-top: 32px;} .problema{border-top: 0;border-radius: var(--radio);padding: 30px 28px;box-shadow: 0 1px 0 #E4E7EB,0 10px 30px rgba(12,15,20,.05);} .problema h3{font: 700 20px/1.25 var(--f-titulo);} .problema h3::before{content: "";display: block;width: 32px;height: 4px;border-radius: 2px;background: var(--azul-b);margin-bottom: 16px;} .caja-oscura p{text-align: left;hyphens: manual;} .caja-oscura h2{font: 700 22px/1.25 var(--f-titulo);} .form-oscuro .campo label{font: 600 13.5px/1.3 var(--f-texto);} .ficha-img{border: 0;outline: 0;border-radius: 18px;overflow: hidden;box-shadow: 0 24px 50px rgba(12,15,20,.18);} .ficha-datos{border: 0;box-shadow: 0 1px 0 #E4E7EB,0 10px 30px rgba(12,15,20,.05);} .intro-blanca{padding: 44px 0 0;} .intro-blanca + .seccion{padding-top: 70px;} .entradilla-blanca{font-size: clamp(18px,1.7vw,21px);max-width: 760px;color: #3A414D;} .nav-final{padding: 56px 0;} .nav-final .titulo-sec{font-size: clamp(24px,2.4vw,30px);} .nav-final .titulo-sec + .botones{margin-top: 20px;} .cuadro-ico{right: -20px;} .cuadro-ico svg{width: 70%;height: 70%;} .cta-final p,.aviso-caja p{color: #fff;} .escenario{height: 100vh !important;height: 100lvh !important;}