:root{--lienzo:#f5f5f7;--tinta:#1d1d1f;--tinta-2:#68686f;--linea:#dedee3;--display:var(--texto)}
html{scroll-padding-top:88px}body{overflow-x:clip}.cabecera{background:rgba(250,250,252,.84);backdrop-filter:blur(24px) saturate(160%);border-color:#ddd8}.cabecera .envoltura{min-height:70px}.marca img{width:132px}.menu{font-size:.86rem;gap:24px}.telefono{font-size:.86rem}.cabecera .boton{font-size:.8rem;min-height:36px}.boton-principal:before{display:none}.boton{transition:transform .25s,box-shadow .25s}.boton:hover{transform:translateY(-2px)}
.cinema{height:230svh;position:relative;background:#08080b;color:#f5f5f7}.cinema-sticky{position:sticky;top:70px;height:calc(100svh - 70px);min-height:600px;overflow:hidden;isolation:isolate}.cinema-grain{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 76% 47%,#30213e88,transparent 54%),linear-gradient(130deg,#111116,#060608 65%)}.cinema-inner{width:min(1320px,90%);height:calc(100% - 84px);margin:auto;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:2vw}.cinema-copy{position:relative;z-index:4;padding-bottom:10px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:600}.cinema-copy .eyebrow{color:#b0a2b9;margin-bottom:28px}.cinema h1{font-size:clamp(46px,5.7vw,88px);line-height:1.01;letter-spacing:-.065em;font-weight:600;max-width:10ch;text-wrap:initial}.cinema h1 span{color:#c4adf1}.cinema-description{color:#b5b3be;font-size:clamp(16px,1.4vw,20px);line-height:1.55;max-width:370px;margin:26px 0}.cinema-cta{display:inline-flex;gap:30px;align-items:center;background:#f3f0f8;color:#1d1729;text-decoration:none;border-radius:100px;padding:15px 25px;font-size:15px;font-weight:600;transition:background .25s,transform .25s}.cinema-cta:hover{background:white;transform:translateY(-3px)}.cinema-cta span{font-size:22px}.cinema-secondary{display:block;width:fit-content;font-size:14px;text-decoration:none;color:#c2bdcc;margin-top:20px}.cinema-secondary:hover{color:white}.cinema-caption{border-top:1px solid #ffffff26;padding-top:20px;margin-top:42px;display:flex;align-items:center;gap:18px;max-width:380px}.chapter-index{color:#ae92df;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.chapter-title{font-size:15px;color:#e7e3ed}
.device-stage{position:relative;min-width:0;height:100%;max-height:760px;perspective:1500px;display:grid;place-items:center}.stage-word{position:absolute;top:11%;left:8%;font-size:clamp(140px,22vw,340px);font-weight:700;line-height:1;letter-spacing:-.08em;color:#ffffff04;-webkit-text-stroke:1px #bba2d329;user-select:none}.stage-glow{position:absolute;width:85%;height:66%;background:radial-gradient(ellipse,#9b6be338,transparent 66%);top:20%;filter:blur(28px)}.device-pivot{position:relative;transform-style:preserve-3d;transform:translate3d(0,12px,0) rotateX(8deg) rotateY(-24deg) rotateZ(9deg);will-change:transform}.phone-hardware{position:relative;width:280px;height:580px;border-radius:46px;padding:10px;background:linear-gradient(120deg,#e2dce9,#696376 16%,#1f1d26 36%,#98919e 63%,#eeeaf2 85%,#635c6d);box-shadow:inset 0 0 0 1px #fff9,inset 0 0 0 4px #76717d,12px 9px 0 -3px #413b4b,14px 10px 0 -3px #b4a8c3,35px 40px 80px #000b;transform-style:preserve-3d}.phone-screen{position:relative;border:5px solid #101015;border-radius:37px;height:100%;overflow:hidden;background:#f5f2fa}.phone-island{position:absolute;top:10px;left:50%;translate:-50% 0;width:78px;height:21px;background:#0d0d10;border-radius:20px;z-index:8}.phone-island:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;right:9px;top:7px;background:radial-gradient(circle at 35% 30%,#245268,#0c1022 65%)}.phone-side{position:absolute;width:4px;background:linear-gradient(#c2b9ca,#59535e);border-radius:4px;left:-3px;top:120px;height:37px}.side-two{top:165px;height:48px}.demo-app{position:absolute;inset:0;padding:15px 17px;color:#292039;background:#f7f4fb;font-family:var(--texto)}.demo-status{display:flex;justify-content:space-between;font-size:10px;padding:0 5px;margin-bottom:25px}.demo-brand{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700}.demo-brand img{width:25px;height:20px;object-fit:contain}.demo-avatar{margin-left:auto;border-radius:50%;width:27px;height:27px;background:#dfd7ed;display:grid;place-items:center;font-size:11px}.demo-hello{font-size:8px;letter-spacing:.14em;color:#756382;margin:22px 0 6px}.demo-app .demo-title{font-size:28px;line-height:1.06;letter-spacing:-.04em;font-weight:600}.demo-art{height:159px;border-radius:17px;background:linear-gradient(135deg,#ded2f1,#ab8dcc);margin:17px 0 16px;position:relative;overflow:hidden;isolation:isolate}.art-orbit{position:absolute;border:24px solid #b19cc9;border-radius:50%;width:160px;height:160px;right:-8px;top:-27px;transform:rotateX(40deg) rotateZ(-30deg);box-shadow:inset 6px 6px 12px #fff9,7px 10px 16px #73538466}.orbit-two{width:140px;height:140px;top:41px;right:-45px;border-color:#e5dced;transform:rotateY(30deg) rotateZ(20deg)}.orbit-three{width:130px;height:130px;top:86px;right:60px;border-color:#9175ae;z-index:-1}.demo-art>span{position:absolute;left:16px;bottom:18px;font-size:17px;line-height:1.15;font-weight:600;letter-spacing:-.03em;color:#332040}.demo-art>b{position:absolute;right:13px;bottom:12px;border:1px solid #ffffffaa;border-radius:50%;width:24px;height:24px;text-align:center;font-weight:400}.demo-row{display:flex;justify-content:space-between;font-size:10px;align-items:center}.demo-row>span{font-size:8px;color:#76637f}.demo-booking{display:flex;gap:10px;align-items:center;border:1px solid #e5dfeb;background:white;border-radius:12px;padding:10px 9px;margin-top:8px;font-size:10px}.demo-booking>span:last-child{margin-left:auto}.demo-date{display:grid;text-align:center;background:#eee6f7;padding:5px 9px;border-radius:7px;font-size:7px;line-height:1.2}.demo-date b{font-size:18px;font-weight:600}.demo-booking small{display:block;font-size:9px;color:#76637f;margin-top:4px}.demo-reserve{width:100%;border:0;border-radius:11px;background:#30213f;color:white;display:flex;justify-content:space-between;padding:12px;margin-top:13px;font:600 10px var(--texto);cursor:pointer}.demo-reserve:hover{background:#654480}.demo-nav{display:flex;justify-content:space-around;font-size:20px;padding-top:12px;color:#8f809c}.demo-nav span{display:grid;justify-items:center;line-height:1}.demo-nav span:first-child{color:#55306f}.demo-nav small{font-size:7px;margin-top:5px}.screen-reflection{position:absolute;inset:0;pointer-events:none;z-index:9;background:linear-gradient(120deg,#ffffff00 30%,#ffffff30 48%,#ffffff00 62%);opacity:.5}.wire-overlay{position:absolute;inset:0;background:#eeeaf3;z-index:4;padding:66px 22px 25px;color:#54465f;clip-path:inset(0 76% 0 0);pointer-events:none}.wire-top,.wire-bottom{font-size:9px;letter-spacing:.1em}.wire-title{height:17px;width:90%;border-radius:5px;background:#b8adca;margin:20px 0 8px}.wire-title.short{width:65%;margin:0}.wire-picture{height:169px;margin-top:24px;border:1px dashed #a397b1;border-radius:12px;background:linear-gradient(38deg,transparent 49.5%,#c9bfd4 50%,transparent 50.5%),linear-gradient(-38deg,transparent 49.5%,#c9bfd4 50%,transparent 50.5%);display:grid;place-items:center}.wire-picture span{font-size:14px;background:#eeeaf3;padding:8px}.wire-line{height:32px;background:#d9d1e2;margin-top:15px;border-radius:8px}.wire-action{height:35px;background:#a496b5;margin:18px 0;border-radius:8px}.wire-bottom{letter-spacing:0;font-size:8px}.floating-note{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,#ffffff17,#ffffff08);border:1px solid #ffffff24;border-radius:18px;padding:16px 20px;backdrop-filter:blur(20px);box-shadow:0 20px 45px #0003;pointer-events:none}.floating-note small{display:block;font-size:8px;letter-spacing:.13em;color:#c6b8d1;margin-bottom:3px}.floating-note b{font-size:13px;font-weight:500;color:white}.note-design{top:24%;right:-1%}.note-live{bottom:19%;left:-2%}.note-symbol{color:#d0afea;font-size:29px}.note-dot{width:9px;height:9px;border-radius:50%;background:#98dcc7;box-shadow:0 0 18px #70e9ba66}.demo-disclaimer{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#9c94a6;font-size:10px;letter-spacing:.025em}.demo-success{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7f4fb;color:#30213f;opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s}.success-check{border-radius:50%;background:#d6eee3;width:66px;height:66px;display:grid;place-items:center;font-size:28px;color:#2a7955;margin-bottom:18px}.demo-success>p{font-size:30px;letter-spacing:-.04em;font-weight:600}.demo-success>span{font-size:12px;text-align:center;color:#74657c;margin-top:8px}.success-ticket{display:grid;gap:8px;margin:30px 0;background:white;border:1px solid #e8e0ef;border-radius:16px;width:80%;padding:20px;text-align:center}.success-ticket small{font-size:8px;letter-spacing:.12em}.success-ticket b{font-size:32px}.success-ticket span{font-size:11px}.demo-back{border:0;background:none;color:#603b80;font:600 12px var(--texto);cursor:pointer;padding:10px}.is-success .demo-success{opacity:1;visibility:visible}
.cinema-bottom{position:absolute;bottom:23px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.scroll-hint{font-size:9px;letter-spacing:.15em;color:#aca3b8}.scroll-hint span{font-size:18px;margin-left:12px}.chapter-controls{display:flex;padding:5px;border:1px solid #ffffff24;border-radius:40px;background:#ffffff08;gap:4px}.chapter-controls button{border:0;border-radius:30px;padding:11px 18px;background:transparent;color:#a8a0b0;font:500 11px var(--texto);cursor:pointer;transition:background .3s,color .3s}.chapter-controls button span{margin-left:7px}.chapter-controls button[aria-pressed=true]{background:#e5dcec;color:#24102e}.motion-toggle{border:0;border-bottom:1px solid #72697e;background:transparent;color:#b9b1c4;font:400 10px var(--texto);padding:6px 0;cursor:pointer}.cinema-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff0c}.cinema-progress i{display:block;width:100%;height:100%;background:#b89bdd;transform:scaleX(0);transform-origin:left}
.intro-statement{text-align:center;background:#f5f5f7;padding:120px 20px}.intro-statement .eyebrow{color:#796483;margin-bottom:30px}.intro-statement h2{font-size:clamp(40px,5.8vw,78px);line-height:1.03;letter-spacing:-.055em}.intro-statement p:not(.eyebrow){color:#77717e;font-size:20px;max-width:550px;margin:26px auto}.intro-statement span{display:block;font-size:12px;letter-spacing:.05em;margin-top:35px;color:#84798d}.bloque{padding-block:100px}.bloque-cabeza h2{letter-spacing:-.045em}.proceso{background:#fff}.servicio{transition:transform .3s,background .3s}.servicio:hover{transform:translateY(-4px)}.reveal{transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal-pending{opacity:0;transform:translateY(24px)}
.cinema.motion-reduced{height:auto}.motion-reduced .cinema-sticky{position:relative;top:0}.motion-reduced .device-pivot{transform:none!important}.motion-reduced .scroll-hint{visibility:hidden}.motion-reduced .screen-reflection{display:none}
@media(min-width:1500px){.phone-hardware{width:310px;height:640px}.demo-app{padding:18px 22px}.demo-art{height:180px;margin-top:22px}.demo-nav{padding-top:20px}.demo-booking{padding:14px 10px}.demo-reserve{padding:15px}.demo-app .demo-title{font-size:32px}}
@media(max-width:1050px){.phone-hardware{width:255px;height:543px}.demo-app{padding:14px}.demo-art{height:140px;margin-top:12px;margin-bottom:12px}.demo-hello{margin-top:15px}.demo-app .demo-title{font-size:25px}.demo-brand{font-size:12px}.demo-booking{padding:8px}.demo-reserve{margin-top:9px}.note-design{right:-6%;top:20%;padding:12px}.note-live{left:-8%;bottom:17%;padding:12px}.cinema h1{font-size:60px}.cinema-description{font-size:16px}.cinema-inner{gap:5vw}.cinema-copy .eyebrow{font-size:9px}.cinema-caption{margin-top:28px}.cinema .chapter-title{font-size:13px}}
@media(max-width:700px){.cinema{height:210svh}.cinema-sticky{top:64px;height:calc(100svh - 64px);min-height:850px}.cabecera .envoltura{min-height:64px;gap:12px}.cabecera .marca img{width:115px}.cabecera .boton-principal{display:none}.cabecera .menu-abrir{margin-left:auto}.cinema-inner{display:flex;flex-direction:column;gap:0;height:calc(100% - 70px);width:90%}.cinema-copy{text-align:center;padding:30px 0 0;flex:none}.cinema-copy .eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:15px}.cinema h1{font-size:47px;line-height:1.03;max-width:none;letter-spacing:-.06em}.cinema-description{font-size:14px;line-height:1.5;max-width:310px;margin:15px auto}.cinema-cta{padding:10px 18px;font-size:12px;gap:18px}.cinema-cta span{font-size:17px}.cinema-secondary{display:none}.cinema-caption{display:none}.device-stage{width:100%;flex:1;min-height:430px;perspective:1100px}.device-pivot{scale:.73;transform-origin:center}.note-design{right:0;top:19%;scale:.8;transform-origin:right}.note-live{left:0;bottom:19%;scale:.8;transform-origin:left}.stage-word{font-size:210px;top:10%;left:5%}.demo-disclaimer{bottom:0;font-size:8px}.cinema-bottom{bottom:18px;gap:8px;left:5%;right:5%}.scroll-hint{display:none}.chapter-controls button{padding:10px 12px;font-size:10px}.chapter-controls button span{margin-left:3px}.motion-toggle{max-width:82px;font-size:9px;text-align:right}.intro-statement{padding:80px 8px}.intro-statement p:not(.eyebrow){font-size:17px}.intro-statement .eyebrow{font-size:8px}.bloque{padding-block:64px}.menu.abierto{top:64px}.motion-reduced .cinema-sticky{min-height:850px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.boton,.servicio,.cinema-cta,.demo-success{transition:none}.reveal-pending{opacity:1;transform:none}.cinema{height:auto}.cinema-sticky{position:relative;top:0}.device-pivot{transform:none!important}.screen-reflection{display:none}} @media(min-width:701px){.cinema h1{max-width:none;font-size:clamp(46px,5.35vw,80px)}.cinema-sticky{min-height:600px}.cinema-inner{height:calc(100% - 100px)}.device-stage{height:100%}.device-pivot{scale:.88}.cinema-copy{padding:20px 0 0}.cinema-copy .eyebrow{margin-bottom:24px}.cinema-caption{margin-top:28px}.demo-disclaimer{bottom:-10px}}
@media(min-width:701px) and (max-height:780px){.device-pivot{scale:.8}.cinema h1{font-size:60px}.cinema-description{margin:20px 0;font-size:16px}.cinema-copy .eyebrow{margin-bottom:20px}.cinema-caption{margin-top:22px}.cinema-inner{height:calc(100% - 80px)}.cinema-sticky{min-height:600px}.demo-disclaimer{bottom:0}}
@media(max-width:700px){.cinema-sticky,.motion-reduced .cinema-sticky{min-height:760px}}
@media(max-width:700px) and (max-height:760px){.cinema{height:auto}.cinema-sticky{position:relative;top:0;min-height:820px}.scroll-hint{display:none}}
.device-stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}
@media(max-width:700px){.device-stage{min-height:380px}.device-pivot{scale:.66}.note-design{top:12%}.note-live{bottom:17%}.demo-disclaimer{bottom:0}}
@media(max-width:700px){.floating-note{display:none}}:root {
--fuente: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
--texto: var(--fuente);
--display: var(--fuente);
--mano: var(--fuente);
--s1: 4px;
--s2: 8px;
--s3: 12px;
--s4: 16px;
--s6: 24px;
--s8: 32px;
--s12: 48px;
--s16: 64px;
--s24: 96px;
--tipo-nota: .75rem;
--tipo-pequeno: .875rem;
--tipo-texto: 1rem;
--tipo-entrada: 1.125rem;
--tipo-h3: 1.25rem;
--tipo-h2: clamp(2rem, 1.3rem + 2.5vw, 3rem);
--tipo-h1: clamp(2.75rem, 1.2rem + 4vw, 5rem);
--interlineado-texto: 1.6;
--interlineado-titulo: 1.08;
--ancho: 1200px;
--gutter: clamp(20px, 4vw, 40px);
--seccion-espacio: clamp(64px, 8vw, 96px);
--grupo-espacio: clamp(32px, 4vw, 48px);
--radio-tarjeta: 20px;
--radio-campo: 12px;
}
body { font: 400 var(--tipo-texto)/var(--interlineado-texto) var(--fuente); }
button, input, select, textarea, svg text { font-family: var(--fuente); }
h1, h2, h3 { font-family: var(--fuente); font-weight: 600; }
strong, b { font-weight: 600; } .envoltura, .cinema-inner {
width: min(calc(100% - 2 * var(--gutter)), var(--ancho));
margin-inline: auto;
}
.cinema-bottom {
width: min(calc(100% - 2 * var(--gutter)), var(--ancho));
left: 50%; right: auto; translate: -50% 0;
}
.bloque, .intro-statement { padding-block: var(--seccion-espacio); }
.intro-statement { padding-inline: 0; }
.bloque-cabeza { gap: var(--s6); margin-bottom: var(--grupo-espacio); max-width: 46rem; }
.bloque-cabeza h2, .intro-statement h2 {
font-size: var(--tipo-h2);
line-height: var(--interlineado-titulo);
font-weight: 600;
letter-spacing: -.04em;
}
.bloque-cabeza p, .intro-statement p:not(.eyebrow) {
font-size: var(--tipo-entrada);
line-height: var(--interlineado-texto);
max-width: 40rem;
}
.intro-statement p:not(.eyebrow) { margin: var(--s6) auto 0; }
.intro-statement .eyebrow { margin-bottom: var(--s6); }
.intro-statement > .envoltura > span { margin-top: var(--s8); font-size: var(--tipo-pequeno); } .cinema h1 { font-size: var(--tipo-h1); line-height: 1.04; letter-spacing: -.055em; }
.cinema-copy .eyebrow, .intro-statement .eyebrow {
font-size: var(--tipo-nota); font-weight: 600; letter-spacing: .12em;
}
.cinema-copy .eyebrow { margin-bottom: var(--s6); }
.cinema-description { font-size: var(--tipo-entrada); line-height: var(--interlineado-texto); margin-block: var(--s6); }
.cinema-secondary { font-size: var(--tipo-pequeno); margin-top: var(--s4); }
.cinema-caption { gap: var(--s4); margin-top: var(--s8); padding-top: var(--s6); }
.cinema .chapter-title { font-size: var(--tipo-pequeno); line-height: 1.4; }
.chapter-index, .motion-toggle, .scroll-hint { font-size: var(--tipo-nota); }
.chapter-controls { padding: var(--s1); gap: var(--s1); }
.chapter-controls button { font-size: var(--tipo-nota); padding: var(--s3) var(--s4); min-height: 40px; } .boton, .cinema-cta {
min-height: 48px; padding: var(--s3) var(--s6); gap: var(--s4);
font: 600 var(--tipo-pequeno)/1.4 var(--fuente);
border-radius: 999px;
}
.cabecera .boton { min-height: 40px; padding: var(--s2) var(--s4); font-size: var(--tipo-pequeno); }
.cabecera .envoltura, .menu { gap: var(--s6); }
.menu, .telefono { font-size: var(--tipo-pequeno); font-weight: 500; }
.menu.abierto { padding: var(--s6) var(--gutter); gap: var(--s6); } .proceso { color: var(--tinta); background: #fff; }
.proceso .bloque-cabeza p, .paso > p, .despues p { color: var(--tinta-2); }
.pasos { gap: var(--s8) var(--s6); }
.paso { gap: var(--s4); }
.paso h3 { font-size: var(--tipo-h3); line-height: 1.25; letter-spacing: -.02em; }
.paso > p { font-size: var(--tipo-texto); line-height: var(--interlineado-texto); }
.paso-num { font: 600 var(--tipo-pequeno)/1.4 var(--fuente); color: #70538b; }
.paso .aprobado { color: #287354; font-size: var(--tipo-pequeno); font-weight: 500; }
.despues {
margin-top: var(--grupo-espacio); padding: var(--s8); gap: var(--s6);
border-radius: var(--radio-tarjeta); background: var(--lienzo); box-shadow: none;
}
.despues h3 { font-size: var(--tipo-h3); line-height: 1.25; margin-bottom: var(--s2); }
.despues .version { font: 600 var(--tipo-h2)/1.08 var(--fuente); } .servicios { gap: 0 var(--s12); }
.servicio { grid-template-columns: 56px 1fr; gap: var(--s6); padding-block: var(--s8); }
.servicio .icono { width: 56px; height: 56px; border-radius: 16px; }
.servicio h3, .tambien h3, .precio h3 {
font-size: var(--tipo-h3); font-weight: 600; line-height: 1.25; letter-spacing: -.02em;
}
.servicio h3 { margin-bottom: var(--s3); }
.servicio p, .tambien li span, .capa-casa span, .precio p {
font-size: var(--tipo-texto); line-height: var(--interlineado-texto);
}
.servicio a { margin-top: var(--s4); font-size: var(--tipo-pequeno); font-weight: 600; }
.tambien { margin-top: var(--grupo-espacio); padding-top: var(--s8); gap: var(--s8); }
.tambien ul { gap: var(--s6) var(--s8); }
.tambien li b, .capa-casa b { font-size: var(--tipo-texto); font-weight: 600; margin-bottom: var(--s1); }
.casa .envoltura, .contacto .envoltura { gap: var(--s16); align-items: start; }
.casa:not(#preguntas) .bloque-cabeza { margin-bottom: 0; }
.pila-capas { gap: var(--s4); }
.capa-casa { gap: var(--s4); padding: var(--s6); border-radius: var(--radio-tarjeta); }
.capa-casa .n { font-family: var(--fuente); font-size: var(--tipo-pequeno); border-radius: var(--radio-campo); }
.precios-tabla { gap: var(--s6); }
.precio { padding: var(--s6); gap: var(--s4); border-radius: var(--radio-tarjeta); }
.precio h3 { min-height: 3.75em; }
.precio .cifra { font: 600 2rem/1.15 var(--fuente); letter-spacing: -.03em; }
.precio .cifra small { font: 400 var(--tipo-pequeno)/1.4 var(--fuente); }
.aviso-precios { margin-top: var(--s6); font-size: var(--tipo-pequeno); line-height: var(--interlineado-texto); } .preguntas { max-width: 52rem; }
.preguntas summary { font: 600 var(--tipo-h3)/1.4 var(--fuente); padding: var(--s6) var(--s12) var(--s6) 0; }
.preguntas details p { padding-bottom: var(--s6); font-size: var(--tipo-texto); line-height: var(--interlineado-texto); }
.contacto-datos { gap: var(--s2); font-size: var(--tipo-texto); }
form.idea { border-radius: var(--radio-tarjeta); padding: var(--s8); gap: var(--s6); }
.campos { gap: var(--s6) var(--s4); }
label.campo { gap: var(--s2); font-size: var(--tipo-pequeno); }
label.campo input, label.campo textarea {
min-height: 48px; border-radius: var(--radio-campo); padding: var(--s3) var(--s4);
font: 400 var(--tipo-texto)/1.5 var(--fuente);
}
label.campo textarea { min-height: 144px; }
fieldset.chips { gap: var(--s3); }
fieldset.chips legend { font-size: var(--tipo-pequeno); margin-bottom: var(--s3); }
.chips-lista { gap: var(--s2); }
.chips-lista span { font-size: var(--tipo-pequeno); padding: var(--s2) var(--s4); line-height: 1.5; }
.legal-check { font-size: var(--tipo-pequeno); gap: var(--s2); }
.rgpd { font-size: var(--tipo-nota); line-height: 1.6; } .pie { padding-block: var(--s16) var(--s8); font-size: var(--tipo-pequeno); }
.pie .envoltura { gap: var(--s8); }
.pie h3 { font: 600 var(--tipo-texto)/1.4 var(--fuente); margin-bottom: var(--s4); }
.pie img { margin-bottom: var(--s4); }
.pie ul { gap: var(--s2); }
.pie .legal { padding-top: var(--s6); font-size: var(--tipo-nota); }
@media (max-width: 900px) {
.casa .envoltura, .contacto .envoltura { gap: var(--s12); }
}
@media (max-width: 700px) {
:root { --tipo-h1: clamp(2.5rem, 10vw, 3rem); --tipo-entrada: 1rem; }
.cinema-copy { padding-top: var(--s6); }
.cinema-copy .eyebrow { font-size: .625rem; margin-bottom: var(--s4); }
.cinema-description { margin-block: var(--s4); }
.cinema-cta { min-height: 44px; padding: var(--s2) var(--s6); }
.cinema-bottom { gap: var(--s2); }
.chapter-controls button { font-size: .625rem; padding: var(--s2) var(--s3); }
.motion-toggle { font-size: .625rem; }
.cabecera .envoltura { gap: var(--s4); }
.pasos { gap: var(--s8) var(--s4); }
.paso h3 { font-size: var(--tipo-h3); }
.paso > p { font-size: var(--tipo-texto); }
.despues, form.idea, .capa-casa { padding: var(--s6); }
.servicio { grid-template-columns: 48px 1fr; gap: var(--s4); }
.servicio .icono { width: 48px; height: 48px; border-radius: var(--radio-campo); }
.servicio .icono svg { width: 28px; height: 28px; }
.precio h3 { min-height: 0; }
} .intro-statement p:not(.eyebrow), .intro-statement > .envoltura > span { color: #68616f; }
.despues .version { color: #70538b; background: none; -webkit-text-fill-color: currentColor; }
label.campo input, label.campo textarea { border-color: #8b8194; }
.chips-lista span { box-shadow: inset 0 0 0 1.5px #8b8194; }
label.campo input::placeholder, label.campo textarea::placeholder { color: #6b6472; opacity: 1; }
:focus-visible, .chips-lista input:focus-visible + span {
outline: 3px solid #7951a2; outline-offset: 3px; box-shadow: 0 0 0 3px #fff;
}
.saltar-contenido {
position: fixed; top: var(--s4); left: var(--s4); z-index: 100;
background: #fff; color: #24102e; padding: var(--s3) var(--s6);
border-radius: var(--radio-campo); transform: translateY(-180%);
}
.saltar-contenido:focus { transform: translateY(0); }
.motion-toggle { min-height: 44px; min-width: 44px; }
.form-demo-aviso { color: #68616f; font-size: var(--tipo-pequeno); }
@media (prefers-reduced-motion: reduce) { .reveal { opacity: 1; transform: none; } } :root {
--marca-ciruela: #660066;
--marca-violeta: #852c86;
--marca-morado: #683fa4;
--marca-magenta: #ff0069;
--marca-azul: #0099ff;
--marca-turquesa: #00c7d1;
--marca-menta: #00e9af;
--marca-fondo-oscuro: #1d0a26;
--marca-superficie-oscura: #32163f;
--marca-texto-oscuro: #f8f3fb;
--marca-secundario-oscuro: #d8c7df;
--marca-enlace: #b70058;
--marca-azul-texto: #0068b2;
--marca-turquesa-texto: #006d73;
--marca-borde: #8b7598;
--lienzo: #f7f4fa;
--tinta: #24102e;
--tinta-2: #62516d;
--linea: #e2d8e9;
--marca-degradado: linear-gradient(125deg, #660066, #852c86 55%, #b70058);
--marca-degradado-vivo: linear-gradient(125deg, #660066, #852c86 48%, #ff0069);
--marca-degradado-frio: linear-gradient(130deg, #683fa4, #0099ff 60%, #00c7d1);
}
.cabecera { background: rgba(255,255,255,.9); border-color: var(--linea); }
.menu a:hover, .telefono:hover { color: var(--marca-ciruela); }
.boton-principal, .cinema-cta {
background: var(--marca-degradado); color: #fff;
box-shadow: 0 6px 22px -14px var(--marca-magenta);
}
.boton-principal::before, .boton-principal::after { display: none; }
.boton-principal:hover, .cinema-cta:hover { background: var(--marca-ciruela); }
.boton-secundario { color: var(--marca-ciruela); box-shadow: inset 0 0 0 1px var(--marca-borde); }
.cinema { color: var(--marca-texto-oscuro); background: var(--marca-fondo-oscuro); }
.cinema-grain {
background: radial-gradient(ellipse at 84% 72%, #0099ff1c, transparent 46%),
radial-gradient(ellipse at 68% 30%, #852c8640, transparent 58%),
linear-gradient(130deg, #291030, #1d0a26 70%);
}
.cinema h1 span {
background: linear-gradient(100deg, #ff66a5, #e5a3de 45%, #5acaff);
background-clip: text; -webkit-background-clip: text; color: transparent;
}
.cinema-description, .cinema-copy .eyebrow, .cinema-secondary,
.motion-toggle, .scroll-hint { color: var(--marca-secundario-oscuro); }
.cinema-secondary:hover { color: #fff; }
.cinema-caption { border-color: #8b759866; }
.cinema .chapter-title { color: var(--marca-texto-oscuro); }
.chapter-index { color: #65d5fa; }
.stage-word {
width: 112%; height: auto; max-width: none; left: -6%; top: 24%;
opacity: .3; -webkit-text-stroke: 0; pointer-events: none;
}
.stage-glow { background: radial-gradient(ellipse, #ff006925, #0099ff12 50%, transparent 72%); }
.note-symbol { color: #ff80b4; }
.note-dot { background: var(--marca-menta); box-shadow: 0 0 18px #00e9af44; }
.floating-note { background: #32163fdd; border-color: #a777a259; }
.floating-note small { color: var(--marca-secundario-oscuro); }
.demo-disclaimer { color: var(--marca-secundario-oscuro); }
.chapter-controls { background: #32163faa; border-color: #8b759880; }
.chapter-controls button { color: var(--marca-secundario-oscuro); }
.chapter-controls button[aria-pressed=true] { background: #fff; color: var(--marca-ciruela); }
.cinema-progress i { background: linear-gradient(90deg, #ff0069, #852c86, #0099ff, #00c7d1); } .demo-app, .demo-success { background: #fbf8fd; color: var(--tinta); }
.demo-avatar, .demo-date { background: #f1deef; color: var(--marca-ciruela); }
.demo-hello, .demo-booking small, .demo-row>span, .demo-success>span { color: var(--tinta-2); }
.demo-art { background: var(--marca-degradado-vivo); }
.demo-art>span { color: #fff; text-shadow: 0 2px 8px #24102e; }
.demo-art>b { background: #511247; color: #fff; }
.art-orbit { border-color: #0099ff; box-shadow: inset 6px 6px 12px #ffffff77, 7px 10px 16px #1d0a2666; }
.orbit-two { border-color: #00c7d1; }
.orbit-three { border-color: #683fa4; }
.demo-reserve { background: var(--marca-degradado); color: #fff; }
.demo-reserve:hover { background: var(--marca-ciruela); }
.demo-nav { color: #766580; }
.demo-nav span:first-child, .demo-back { color: var(--marca-ciruela); }
.success-check { background: #d9f6ef; color: #00694e; }
.wire-overlay, .wire-picture span { background: #f3edf7; color: var(--tinta-2); } .intro-statement { background: var(--lienzo); }
.intro-statement h2, .bloque-cabeza h2, .servicio h3, .tambien h3 { color: var(--tinta); }
.intro-statement .eyebrow { color: var(--marca-ciruela); }
.intro-statement p:not(.eyebrow), .intro-statement > .envoltura > span { color: var(--tinta-2); }
.proceso { color: var(--marca-texto-oscuro); background: var(--marca-fondo-oscuro); }
.proceso .bloque-cabeza h2 { color: var(--marca-texto-oscuro); }
.proceso .bloque-cabeza p, .paso > p, .despues p { color: var(--marca-secundario-oscuro); }
.paso-num { color: #65d5fa; }
.paso .aprobado { color: #64e8c9; }
.despues { background: var(--marca-superficie-oscura); }
.despues .version { color: #65d5fa; }
.servicio .icono { background: #fff; box-shadow: 0 8px 24px -18px var(--marca-violeta); }
.servicio a { color: var(--marca-enlace); }
.servicio a:hover { color: var(--marca-ciruela); }
.capa-casa { background: var(--lienzo); }
.precio.destacado { background: var(--marca-degradado); color: #fff; }
.precio.destacado p, .precio.destacado .cifra small { color: #fff; }
.contacto { background: var(--marca-fondo-oscuro); color: var(--marca-texto-oscuro); }
.contacto .bloque-cabeza h2 { color: var(--marca-texto-oscuro); }
.contacto .bloque-cabeza p { color: var(--marca-secundario-oscuro); }
.chips-lista input:checked + span { background: var(--marca-ciruela); color: #fff; }
label.campo input, label.campo textarea { border-color: var(--marca-borde); }
.chips-lista span { box-shadow: inset 0 0 0 1.5px var(--marca-borde); }
label.campo input::placeholder, label.campo textarea::placeholder, .form-demo-aviso { color: var(--tinta-2); }
.legal-check input { accent-color: var(--marca-ciruela); }
:focus-visible, .chips-lista input:focus-visible + span { outline-color: var(--marca-azul-texto); }
.pie { background: #150619; color: var(--marca-secundario-oscuro); }
@media(max-width:700px) { .stage-word { width: 120%; left: -10%; top: 26%; } }
@media(max-width:700px) {
.device-pivot { scale: .60; translate: 0 -20px; }
.demo-disclaimer { font-size: 10px; }
} .servicio > div { display: flex; flex-direction: column; align-items: flex-start; }
.servicio a { margin-top: auto; padding-top: var(--s4); } .cinema-copy { container-type: inline-size; }
.cinema h1 { font-size: clamp(28px, 10.7cqw, 68px); line-height: 1.08; }
.cinema h1 > span { display: block; white-space: nowrap; }
.cinema h1 .titulo-servicio { color: var(--marca-texto-oscuro); background: none; -webkit-text-fill-color: currentColor; }
.cinema h1 .titulo-marca { margin-top: 4px; }
.cinema-inner { height: 100%; padding-block: 32px 48px; }
.device-caption { position: absolute; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--marca-secundario-oscuro); font-size: var(--tipo-nota); }
.device-caption .motion-toggle { display: grid; place-items: center; min-width: 44px; min-height: 44px; max-width: none; padding: 0; border: 0; border-radius: 8px; color: inherit; background: none; }
.device-caption .motion-toggle:hover { color: #fff; background: #ffffff0a; }
.motion-toggle .motion-play { display: none; }
.motion-toggle[aria-pressed=true] .motion-pause { display: none; }
.motion-toggle[aria-pressed=true] .motion-play { display: block; }
@media(max-width:700px) {
.cinema-copy { width: 100%; max-width: 360px; flex-shrink: 0; }
.cinema h1 { font-size: clamp(26px, 10.7cqw, 39px); }
.cinema-inner { padding-block: 0 24px; }
.device-stage { min-height: 380px; }
.device-caption { font-size: 11px; }
} .otras-soluciones { background: #fff; border-bottom: 1px solid var(--linea); }
.otras-soluciones .tambien { display: block; border: 0; margin: 0; padding: 0; }
.otras-soluciones .tambien ul { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s6); }
.otras-soluciones .tambien li { border-top: 1px solid var(--linea); padding-top: var(--s6); }
.otras-soluciones h3 { font-size: var(--tipo-h3); font-weight: 600; line-height: 1.25; margin-bottom: var(--s3); letter-spacing: -.02em; }
.otras-soluciones .tambien li:hover { border-top-color: var(--marca-violeta); }
@media(max-width:1000px) { .otras-soluciones .tambien ul { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media(max-width:600px) { .otras-soluciones .tambien ul { grid-template-columns: 1fr; } }:root { --gesto: 280ms; --curva: cubic-bezier(.2,.75,.25,1); }
.cabecera { transition: box-shadow var(--gesto), background var(--gesto); }
.cabecera.con-recorrido { box-shadow: 0 6px 24px #24102e10; background: #ffffffed; }
.lectura-progreso { position:absolute; left:0; right:0; bottom:-1px; height:2px; pointer-events:none; }
.lectura-progreso i { display:block; width:100%; height:100%; background:linear-gradient(90deg,#ff0069,#852c86,#0099ff,#00c7d1); transform:scaleX(var(--lectura,0)); transform-origin:left; }
.menu a, .contacto-datos a, .pie a { position:relative; width:fit-content; }
.menu a::after, .contacto-datos a::after, .pie a::after {
content:""; position:absolute; bottom:-5px; left:0; width:100%; height:2px;
background:linear-gradient(90deg,var(--marca-magenta),var(--marca-azul)); transform:scaleX(0); transform-origin:left;
transition:transform var(--gesto) var(--curva);
}
.menu a:hover::after, .menu a:focus-visible::after, .menu a[aria-current="location"]::after,
.contacto-datos a:hover::after, .contacto-datos a:focus-visible::after, .pie a:hover::after, .pie a:focus-visible::after { transform:scaleX(1); }
.menu a[aria-current="location"] { color:var(--marca-ciruela); }
.marca img { transition:transform 400ms var(--curva),filter 400ms; transform-origin:left center; }
.marca:hover img, .marca:focus-visible img { transform:scale(1.035) rotate(-1deg); filter:drop-shadow(0 4px 7px #852c8622); }
.boton, .cinema-cta { position:relative; overflow:hidden; isolation:isolate; transition:translate 180ms var(--curva),transform var(--gesto),box-shadow var(--gesto),background var(--gesto); }
.boton-principal::after, .cinema-cta::after {
content:""; display:block; position:absolute; z-index:-1; inset:0; border-radius:inherit; pointer-events:none;
background:linear-gradient(110deg,transparent 25%,#ffffff28 48%,transparent 65%); transform:translateX(-130%);
transition:transform 650ms var(--curva);
}
.boton-principal:hover::after, .cinema-cta:hover::after, .boton-principal:focus-visible::after, .cinema-cta:focus-visible::after { transform:translateX(130%); }
.boton:active, .cinema-cta:active { transform:scale(.975); }
.cinema-cta>span, .cinema-secondary>span { transition:transform var(--gesto) var(--curva); }
.cinema-cta:hover>span, .cinema-cta:focus-visible>span { transform:translate(3px,-3px); }
.cinema-secondary:hover>span { transform:translateY(3px); } .tacto { position:relative; isolation:isolate; }
.tacto::before {
content:""; position:absolute; z-index:-1; inset:0; border-radius:inherit; pointer-events:none;
background:radial-gradient(240px circle at var(--raton-x,50%) var(--raton-y,50%),#852c860d,transparent 78%);
opacity:0; transition:opacity 350ms;
}
.tacto:hover::before, .tacto:focus-within::before { opacity:1; }
.precio.destacado::before, .despues::before { background:radial-gradient(240px circle at var(--raton-x,50%) var(--raton-y,50%),#ffffff16,transparent 78%); }
.servicio { transition:transform 450ms var(--curva),border-color var(--gesto); }
.servicio:hover, .servicio:focus-within { border-color:var(--marca-violeta); transform:translateY(-3px); }
.servicio .icono { transition:transform 400ms var(--curva),box-shadow 400ms; }
.servicio:hover .icono, .servicio:focus-within .icono { transform:translateY(-4px) rotate(-4deg); box-shadow:0 12px 24px -16px #852c8699; }
.servicio .icono svg { transition:transform 400ms var(--curva); }
.servicio:hover .icono svg { transform:scale(1.08); }
.servicio a::after { content:"↗"; display:inline-block; margin-left:8px; transition:transform var(--gesto); }
.servicio a:hover::after, .servicio a:focus-visible::after { transform:translate(3px,-3px); }
.precio { transition:transform 400ms var(--curva),box-shadow 400ms; }
.precio:hover, .precio:focus-within { transform:translateY(-6px); box-shadow:0 16px 32px -24px #66006688,0 0 0 1px #852c8638; }
.precio .cifra { transition:color var(--gesto); }
.precio:not(.destacado):hover .cifra { color:var(--marca-ciruela); }
.capa-casa { transition:transform 400ms var(--curva),box-shadow 400ms; }
.capa-casa:hover { transform:translateX(5px); box-shadow:-3px 0 0 var(--marca-violeta); }
.capa-casa .n { transition:transform 400ms var(--curva); }
.capa-casa:hover .n { transform:rotate(-5deg); }
.tambien li { transition:translate var(--gesto); }
.tambien li:hover { translate:4px 0; } .recorrido-proceso { height:2px; background:#ffffff24; margin:0 0 var(--s8); overflow:hidden; }
.recorrido-proceso i { display:block; width:100%; height:100%; background:linear-gradient(90deg,#ff0069,#0099ff,#00e9af); transform:scaleX(var(--recorrido,0)); transform-origin:left; }
.paso .movil { transition:translate 450ms var(--curva),rotate 450ms var(--curva),box-shadow 450ms; }
.paso-num { display:flex; align-items:center; gap:8px; }
.paso-num::after { content:""; width:6px; height:6px; border-radius:50%; background:#65d5fa; opacity:.3; transition:opacity 450ms,box-shadow 450ms; }
.paso.en-recorrido .paso-num::after { opacity:1; box-shadow:0 0 10px #0099ff88; }
.paso:hover .movil, .paso:focus-within .movil { translate:0 -8px; rotate:-1deg; box-shadow:0 0 0 1px #852c86,0 30px 50px -30px #0099ff66; }
.paso:hover .paso-num::after { opacity:1; background:#00e9af; }
.despues .version { transition:translate 450ms var(--curva); }
.despues:hover .version { translate:0 -3px; }
.preguntas details { transition:background var(--gesto),border-color var(--gesto); border-radius:8px; }
.preguntas details:hover, .preguntas details:focus-within { background:#852c8606; border-color:#852c8666; }
.preguntas details[open] { border-top-color:var(--marca-violeta); }
.preguntas summary { transition:color var(--gesto); }
.preguntas summary:hover, .preguntas details[open] summary { color:var(--marca-ciruela); } label.campo { transition:color var(--gesto); }
label.campo:focus-within { color:var(--marca-ciruela); }
label.campo input, label.campo textarea { transition:border-color 200ms,box-shadow 200ms,background 200ms; }
label.campo input:hover, label.campo textarea:hover { border-color:var(--marca-violeta); }
label.campo input:focus, label.campo textarea:focus { border-color:var(--marca-ciruela); background:#fdfaff; box-shadow:0 0 0 4px #852c8612; }
.chips-lista span { transition:background var(--gesto),color var(--gesto),box-shadow var(--gesto),translate var(--gesto); }
.chips-lista label:hover span { translate:0 -2px; box-shadow:inset 0 0 0 1.5px var(--marca-violeta); }
.chips-lista input:checked+span { box-shadow:0 4px 12px -8px #66006688; }
.idea { transition:box-shadow 400ms; }
.idea:focus-within { box-shadow:0 0 0 1px #bfa3cd,0 24px 64px -40px #0099ff55; }
.motion-toggle:hover { color:#fff; border-color:#00c7d1; }
.phone-hardware { transform:rotateX(var(--telefono-x,0deg)) rotateY(var(--telefono-y,0deg)); transition:transform 400ms var(--curva); }
.aparicion-suave { transition:opacity 700ms var(--curva),translate 700ms var(--curva); transition-delay:var(--demora,0ms); }
.aparicion-pendiente { opacity:0; translate:0 18px; }
.reveal { transition-delay:var(--demora,0ms); }
@media(hover:none), (pointer:coarse) {
.tacto::before { display:none; }
.servicio:hover,.precio:hover,.capa-casa:hover,.marca:hover img,.servicio:hover .icono,.capa-casa:hover .n { transform:none; }
.paso:hover .movil,.tambien li:hover,.chips-lista label:hover span { translate:none; rotate:none; }
} .interacciones-reducidas { scroll-behavior:auto; }
.interacciones-reducidas *, .interacciones-reducidas *::before, .interacciones-reducidas *::after { transition:none!important; animation:none!important; }
.interacciones-reducidas .aparicion-pendiente { opacity:1; translate:none; }
.interacciones-reducidas :is(.boton,.cinema-cta,.movil,.capa-casa,.precio,.servicio,.icono,.n,.marca img) { translate:none!important; rotate:none!important; }
.interacciones-reducidas :is(.servicio,.precio,.capa-casa,.icono,.n,.marca img,.phone-hardware) { transform:none!important; }
.interacciones-reducidas .tacto::before { display:none; }
@media(prefers-reduced-motion:reduce) {
*, *::before, *::after { transition:none!important; animation:none!important; }
.aparicion-pendiente { opacity:1; translate:none; }
.phone-hardware { transform:none; }
}
.preguntas details[open]>p { animation:respuesta-visible 240ms var(--curva) both; }
@keyframes respuesta-visible { from { opacity:0; translate:0 -4px; } to { opacity:1; translate:0 0; } }
.chips-lista label:active span { scale:.98; }
@media(hover:none), (pointer:coarse) { .boton:hover, .cinema-cta:hover { transform:none; } }
@media(prefers-reduced-motion:reduce) { .preguntas details[open]>p { animation:none; } }.cabecera .menu { gap:20px; }
.cabecera .marca { margin-right:auto; flex-shrink:0; }
.cabecera .telefono { display:none; }
.menu a[aria-current=page] { color:var(--marca-ciruela); text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:8px; }
.ruta { padding-top:var(--s8); font-size:var(--tipo-pequeno); color:var(--tinta-2); }
.ruta ol { display:flex; flex-wrap:wrap; gap:8px 12px; list-style:none; padding:0; margin:0; }
.ruta li+li::before { content:'/'; color:#8c7d95; margin-right:12px; }
.ruta a:hover { color:var(--marca-ciruela); }
.servicio-portada { padding-block:var(--s16) var(--seccion-espacio); }
.servicio-portada .envoltura { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr); gap:var(--s16); align-items:center; }
.servicio-portada h1 { font-size:clamp(2.5rem,4.5vw,4.5rem); line-height:1.06; letter-spacing:-.05em; max-width:20ch; }
.servicio-portada .eyebrow { color:var(--marca-ciruela); margin-bottom:var(--s6); }
.servicio-portada .entrada { font-size:var(--tipo-entrada); line-height:1.65; color:var(--tinta-2); margin-block:var(--s6) var(--s8); max-width:40rem; }
.alcance { padding:var(--s8); border-radius:24px; }
.alcance h2 { font-size:var(--tipo-h3); line-height:1.3; }
.alcance ul { list-style:none; margin:var(--s6) 0 0; padding:0; }
.alcance li { padding-block:var(--s4); border-top:1px solid #cec5d4; line-height:1.4; }
.alcance li:last-child { padding-bottom:0; }
.servicio-cuerpo { padding-block:var(--seccion-espacio); background:#fff; border-block:1px solid var(--linea); }
.lectura-layout { display:grid; grid-template-columns:250px minmax(0,1fr); gap:var(--s16); align-items:start; }
.indice-pagina { position:sticky; top:110px; display:grid; gap:var(--s4); font-size:var(--tipo-pequeno); }
.indice-pagina strong { font-size:var(--tipo-nota); text-transform:uppercase; letter-spacing:.1em; color:var(--tinta-2); }
.indice-pagina a { padding-block:6px; text-decoration:none; border-left:2px solid var(--linea); padding-left:16px; }
.indice-pagina a:hover,.indice-pagina a:focus-visible { border-color:var(--marca-ciruela); color:var(--marca-ciruela); }
.texto-servicio { max-width:46rem; }
.texto-servicio section+section { margin-top:var(--s12); padding-top:var(--s12); border-top:1px solid var(--linea); }
.texto-servicio h2 { font-size:clamp(1.75rem,2.3vw,2.25rem); line-height:1.15; margin-bottom:var(--s6); }
.texto-servicio p { font-size:var(--tipo-entrada); color:var(--tinta-2); line-height:1.75; }
.relacionados { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s6); }
.enlace-servicio { display:flex; flex-direction:column; gap:var(--s4); padding:var(--s8); text-decoration:none; border-radius:20px; }
.enlace-servicio h3 { font-size:var(--tipo-h3); line-height:1.25; }
.enlace-servicio p { color:var(--tinta-2); }
.enlace-servicio .ver { color:var(--marca-enlace); font-size:var(--tipo-pequeno); font-weight:600; margin-top:auto; text-decoration:underline; text-underline-offset:4px; }
.enlace-servicio .ver span { display:inline-block; transition:transform .2s; }
.enlace-servicio:hover .ver span { transform:translate(3px,-3px); }
.directorio .grupo-servicios+ .grupo-servicios { margin-top:var(--s16); }
.grupo-servicios>h2 { margin-bottom:var(--s8); font-size:var(--tipo-h2); }
.cierre-servicio { background:var(--marca-fondo-oscuro); color:#fbf8fd; }
.cierre-servicio .envoltura { display:flex; align-items:center; justify-content:space-between; gap:var(--s12); }
.cierre-servicio h2 { font-size:var(--tipo-h2); line-height:1.12; margin-bottom:var(--s4); }
.cierre-servicio p { color:var(--marca-secundario-oscuro); max-width:42rem; }
.cierre-servicio .boton { flex-shrink:0; }
.seccion-enlace { display:inline-flex; align-items:center; gap:var(--s3); margin-top:var(--s8); font-weight:600; color:var(--marca-enlace); }
.proceso .seccion-enlace { color:#f6bde1; }
.otras-soluciones .tambien a { display:inline-block; color:var(--marca-enlace); margin-top:var(--s4); font-weight:600; font-size:var(--tipo-pequeno); }
.contacto-pagina { padding-top:var(--s16); }
.contacto-pagina .contacto { margin-top:var(--s12); }
.contacto-pagina h1 { font-size:var(--tipo-h1); line-height:1.08; }
@media(max-width:1100px) { .cabecera .envoltura,.cabecera .menu { gap:16px; } .cabecera .marca img{width:115px;} }
@media(max-width:950px) {
.cabecera .menu { display:none; }
.cabecera .menu.abierto { display:flex; position:absolute; left:0; right:0; top:70px; flex-direction:column; align-items:flex-start; padding:24px var(--gutter); background:#f1edf5; border-bottom:1px solid var(--linea); box-shadow:0 12px 25px #24102e18; }
.cabecera .menu-abrir { display:inline-flex; }
.servicio-portada .envoltura { grid-template-columns:1fr; gap:var(--s12); }
.alcance ul { display:grid; grid-template-columns:1fr 1fr; gap:0 var(--s8); }
.lectura-layout { grid-template-columns:1fr; gap:var(--s12); }
.indice-pagina { position:static; }
.relacionados { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
.cabecera .envoltura{gap:12px;}.cabecera .marca img{width:100px;}.cabecera .boton{font-size:12px;padding:8px 12px;}.cabecera .menu-abrir{padding-inline:10px;}
.servicio-portada { padding-top:var(--s12); }
.alcance { padding:var(--s6); }
.alcance ul,.relacionados { grid-template-columns:1fr; }
.cierre-servicio .envoltura { display:block; }.cierre-servicio .boton{margin-top:var(--s8);}
.enlace-servicio { padding:var(--s6); }
}
.menu .menu-contacto {display:none;}
.grupo-servicios+.grupo-servicios {margin-top:var(--s16);}
@media(max-width:950px){.menu .menu-contacto{display:block;}}
.otras-soluciones .tambien li { display:flex; flex-direction:column; align-items:flex-start; }
.otras-soluciones .tambien li>span { display:block; }
.otras-soluciones .tambien li>a { display:block; margin-top:auto; padding-top:var(--s4); }:root {
--neo-fondo:#f1edf5;
--neo-luz:#fff;
--neo-sombra:#d9d1e1;
--neo-relieve:8px 8px 20px #d9d1e1, -8px -8px 20px #fff;
--neo-hundido:inset 3px 3px 7px #d9d1e1, inset -3px -3px 7px #fff;
--lienzo:var(--neo-fondo);
}
body,.intro-statement,.servicio-portada,.directorio { background:var(--neo-fondo); }
.cabecera { background:#f1edf5f2; border-bottom:1px solid #d9d1e1; box-shadow:0 3px 18px #24102e08; }
.servicio { border-top-color:#d2c8dc; }
.servicio .icono { background:var(--neo-fondo); box-shadow:6px 6px 13px #d9d1e1,-6px -6px 13px #fff; border:1px solid #fff; border-radius:18px; }
.capa-casa,.alcance,.enlace-servicio,.precio:not(.destacado) { background:var(--neo-fondo); box-shadow:var(--neo-relieve); border:1px solid #ffffffd9; }
.capa-casa .n { box-shadow:inset 0 1px 1px #ffffff6b,2px 3px 5px #24102e20; }
.enlace-servicio,.capa-casa { transition:box-shadow .25s,transform .25s,border-color .25s; }
.enlace-servicio:hover { transform:translateY(-3px); box-shadow:12px 12px 24px #d9d1e1,-8px -8px 20px #fff; border-color:#b8a7c3; }
.enlace-servicio:active { transform:translateY(0); box-shadow:var(--neo-hundido); }
.boton-principal,.cinema-cta { box-shadow:inset 0 1px 1px #ffffff45,0 5px 12px #66006622; border:1px solid #630064; }
.boton-principal:hover,.cinema-cta:hover { box-shadow:inset 0 1px 1px #ffffff65,0 8px 16px #66006633; }
.boton:active,.cinema-cta:active { transform:translateY(1px); box-shadow:inset 2px 3px 6px #24102e50; }
.boton-secundario { background:var(--neo-fondo); color:var(--tinta); border:1px solid #9c8aa8; box-shadow:3px 3px 7px #d9d1e1,-3px -3px 7px #fff; }
form.idea { background:var(--neo-fondo); box-shadow:inset 1px 1px 0 #fff,12px 12px 30px #10061770; }
label.campo input,label.campo textarea { background:var(--neo-fondo); border:1px solid #86718e; box-shadow:var(--neo-hundido); }
label.campo input:focus,label.campo textarea:focus { border-color:#660066; box-shadow:inset 2px 2px 5px #d9d1e1,inset -2px -2px 5px #fff; }
.chips-lista span { background:var(--neo-fondo); box-shadow:3px 3px 6px #d9d1e1,-3px -3px 6px #fff; border:1px solid #86718e; }
.chips-lista input:checked+span { box-shadow:inset 2px 2px 5px #350035; }
.preguntas details { background:none; border-color:#cbbfd4; }
.preguntas summary::after { box-shadow:3px 3px 7px #d9d1e1,-3px -3px 7px #fff; border-radius:50%; }
.preguntas details[open] summary::after { box-shadow:var(--neo-hundido); } .phone-hardware { width:284px; height:598px; border-radius:48px; padding:3px; background:linear-gradient(115deg,#d7d6da 0%,#818086 22%,#d3d2d7 48%,#626168 76%,#c0bfc5 100%); box-shadow:inset 0 0 0 1px #e8e7eb,4px 2px 0 -1px #6a686f,5px 3px 0 -1px #b0aeb5,24px 36px 60px #08030e8c; }
.phone-screen { border:5px solid #09090c; border-radius:45px; background:#f5f2f8; }
.phone-island { top:11px; width:65px; height:18px; border-radius:20px; box-shadow:inset 0 1px 1px #35343a; }
.phone-island:after { width:6px; height:6px; top:6px; right:7px; }
.phone-hardware::after { content:''; position:absolute; width:3px; height:63px; top:168px; right:-4px; border-radius:2px; background:linear-gradient(#c9c8cf,#77757d); box-shadow:1px 0 0 #303036; }
.phone-side { width:3px; left:-2px; top:120px; height:33px; background:linear-gradient(#b6b4be,#6a6870); }
.phone-side.side-two { top:167px; height:44px; }
.screen-reflection { background:linear-gradient(115deg,#ffffff0c,transparent 38%); opacity:.3; }
.demo-app { padding:15px 18px 20px; background:#f1edf5; }
.demo-status { margin-bottom:27px; }
.demo-booking { background:#f1edf5; border:1px solid #fff; box-shadow:4px 4px 9px #d9d1e1,-4px -4px 9px #fff; }
.demo-reserve { margin-top:18px; box-shadow:inset 0 1px 0 #ffffff50,3px 4px 8px #cdbdd5; }
.demo-nav { padding-top:14px; }
.demo-avatar,.demo-date { box-shadow:inset 2px 2px 4px #d8c8df,inset -2px -2px 4px #fff; background:#eee5f2; }
.phone-screen::after { content:''; position:absolute; bottom:5px; left:35%; width:30%; height:4px; background:#24102e; border-radius:4px; z-index:10; pointer-events:none; } .paso .app .app-saludo,.paso .app .app-seccion { color:#62516d; }
.paso .app .app-titulo { color:#24102e; }
:focus-visible { outline:3px solid #0068b2; outline-offset:4px; }
.cinema :focus-visible,.proceso :focus-visible,.cierre-servicio :focus-visible,.pie :focus-visible { outline-color:#65d5fa; }
@media(prefers-reduced-motion:reduce) { .enlace-servicio,.capa-casa{transition:none;}.enlace-servicio:hover{transform:none;} }
.interacciones-reducidas .enlace-servicio { transition:none; }
@media(forced-colors:active) { .alcance,.enlace-servicio,.capa-casa,.servicio .icono,.phone-hardware { border:1px solid CanvasText; } }
.despues { background:#291333; border:1px solid #44224f; box-shadow:8px 8px 18px #13051b,-5px -5px 15px #382043; }
.demo-art::after {content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#24102edb);pointer-events:none;}
.demo-art>span,.demo-art>b {z-index:1;}:root { --header-height:70px; }
.cinema { height:auto; background:#1d0a26; }
.cinema-sticky,.motion-reduced .cinema-sticky {
position:relative; top:0; height:calc(100svh - var(--header-height)); min-height:560px;
}
.cinema-inner {
position:relative; height:100%; padding-block:32px 40px;
grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:0;
}
.cinema-copy { padding:0; align-self:center; }
.cinema-copy .eyebrow { margin-bottom:24px; color:#ddcbe6; }
.cinema h1 { font-size:clamp(32px,min(10.7cqw,7.8svh),72px); line-height:1.055; letter-spacing:-.055em; }
.cinema h1 .titulo-marca { margin-top:8px; }
.cinema-description { max-width:430px; margin-block:28px; color:#ddcbe6; }
.cinema-secondary { margin-top:20px; }
.cinema-grain {
background:radial-gradient(ellipse at 80% 30%,#60235b50,transparent 50%),
radial-gradient(ellipse at 95% 100%,#06356870,transparent 48%),
linear-gradient(120deg,#1d0a26 5%,#230d31 65%,#16102c);
}
.device-stage { height:100%; max-height:none; min-height:0; perspective:1800px; isolation:isolate; }
.device-stage::before {
content:''; position:absolute; z-index:-1; width:75%; height:8%; bottom:6%; left:17%;
background:#05020d99; border-radius:50%; filter:blur(22px); transform:rotate(-8deg);
}
.stage-word {
width:175%; left:-29%; top:50%; translate:var(--brand-x,0px) calc(-50% + var(--brand-y,0px));
opacity:.4; filter:drop-shadow(12px 22px 12px #07031066); z-index:-2;
transform:rotate(-9deg); transition:translate 800ms var(--curva);
}
.stage-glow { width:120%; height:85%; left:-10%; top:8%; z-index:-1; filter:blur(45px); opacity:.75; }
.device-entry {
position:relative; width:284px; height:598px; grid-area:1/1;
scale:var(--phone-scale,1); transform-origin:center;
}
.device-pivot { scale:1; translate:none; width:284px; height:598px; }
.phone-hardware { box-shadow:inset 0 0 0 1px #f2edf5,4px 2px 0 -1px #69656e,5px 3px 0 -1px #b0aab8,24px 36px 70px #08030eaa; }
.device-caption { bottom:0; gap:4px; color:#ddcbe6; }
.cinema-progress { display:none; } .cinema.is-entering .device-entry { animation:producto-entrada 1500ms cubic-bezier(.16,1,.3,1) both; }
.cinema.is-entering .stage-word { animation:marca-entrada 1800ms cubic-bezier(.16,1,.3,1) both; }
.cinema.is-entering .cinema-copy>* { animation:portada-entrada 900ms cubic-bezier(.16,1,.3,1) both; }
.cinema.is-entering .cinema-copy .eyebrow { animation-delay:60ms; }
.cinema.is-entering .cinema-copy h1 { animation-delay:140ms; }
.cinema.is-entering .cinema-copy .cinema-description { animation-delay:240ms; }
.cinema.is-entering .cinema-copy .cinema-cta { animation-delay:320ms; }
.cinema.is-entering .cinema-copy .cinema-secondary { animation-delay:380ms; }
.cinema.is-entering .screen-reflection { animation:cristal-entrada 1500ms 250ms ease-out both; }
@keyframes producto-entrada {
from { opacity:0; transform:perspective(1200px) translate3d(65px,100px,0) rotateY(-26deg) rotateZ(12deg); }
to { opacity:1; transform:perspective(1200px) translate3d(0,0,0) rotateY(0) rotateZ(0); }
}
@keyframes marca-entrada { from {opacity:0;transform:translate3d(100px,50px,0) rotate(-18deg) scale(.88);} to {opacity:.4;transform:translate3d(0,0,0) rotate(-9deg) scale(1);} }
@keyframes portada-entrada { from{opacity:0;transform:translateY(22px);} to{opacity:1;transform:translateY(0);} }
@keyframes cristal-entrada { from{translate:-110% 0;opacity:.65;} to{translate:110% 0;opacity:0;} }
@media(min-width:701px) and (max-width:1050px) {
.cinema-inner { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); }
.cinema h1 { font-size:clamp(30px,10.7cqw,56px); }
.cinema-description { font-size:16px; max-width:360px; }
.stage-word { width:195%; left:-45%; }
}
@media(max-width:700px) {
:root { --header-height:64px; }
.cinema-sticky,.motion-reduced .cinema-sticky { height:calc(100svh - var(--header-height)); min-height:650px; }
.cinema-inner { display:flex; padding-block:24px 12px; gap:4px; }
.cinema-copy { width:100%; max-width:360px; padding:0; }
.cinema-copy .eyebrow { font-size:10px; margin-bottom:16px; }
.cinema h1 { font-size:clamp(26px,10.7cqw,39px); }
.cinema h1 .titulo-marca { margin-top:4px; }
.cinema-description { font-size:15px; line-height:1.55; max-width:330px; margin:16px auto; }
.cinema-secondary { display:none; }
.device-stage { flex:1; min-height:0; width:100%; }
.device-entry { margin-top:-12px; }
.stage-word { width:180%; left:-40%; top:50%; }
.device-caption { font-size:10px; bottom:0; }
.device-caption .motion-toggle { min-height:36px; }
.device-stage::before { height:7%; bottom:12%; }
}
@media(max-width:700px) and (max-height:740px) {
.cinema-sticky,.motion-reduced .cinema-sticky { min-height:610px; }
.cinema-inner { padding-top:20px; }
.cinema-copy .eyebrow { margin-bottom:12px; }
.cinema-description { font-size:14px; margin-block:12px; }
}
@media(prefers-reduced-motion:reduce) {
.cinema-sticky{position:relative;top:0;}
.stage-word{transition:none;}
}
.interacciones-reducidas .stage-word {translate:0 -50%;} .cinema.has-scroll-scene { height:calc(var(--scene-height) + var(--scroll-travel)); }
.cinema.has-scroll-scene .cinema-sticky { position:sticky; top:var(--header-height); }
.cinema.has-scroll-scene .stage-word { rotate:calc(var(--scene-progress,0) * 8deg); }
@media(prefers-reduced-motion:reduce) {
.cinema.has-scroll-scene { height:auto; }
.cinema.has-scroll-scene .cinema-sticky { position:relative; top:0; }
.cinema.has-scroll-scene .stage-word { rotate:0deg; }
}
.cinema { overflow-anchor:none; } .phone-screen { background:#f7f4fb; }
.phone-screen > .demo-app:not(.demo-wire) { background:transparent; z-index:3; }
.demo-wire { z-index:2; background:#f1edf6; pointer-events:none;
background-image:linear-gradient(#e6e0ee 1px,transparent 1px),linear-gradient(90deg,#e6e0ee 1px,transparent 1px);
background-size:14px 14px; background-position:-1px -1px; }
.demo-wire * { color:transparent!important; box-shadow:none!important; text-shadow:none!important; }
.demo-wire p,.demo-wire b,.demo-wire small,.demo-wire .demo-row>span,.demo-wire .demo-brand>span:not(.demo-avatar),.demo-wire .demo-reserve,.demo-wire .demo-art>span {
background-color:#d8d0e3; border-radius:4px; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.demo-wire .demo-title { background:#cfc5dc; border-radius:6px; }
.demo-wire img { opacity:0; }
.demo-wire .demo-brand img { opacity:1; filter:grayscale(1) brightness(1.6) contrast(.35); }
.demo-wire .demo-avatar,.demo-wire .demo-date { background:#ddd5e7; }
.demo-wire .demo-art { background:
linear-gradient(33deg,transparent calc(50% - .75px),#b9adc9 calc(50% - .75px) calc(50% + .75px),transparent calc(50% + .75px)),
linear-gradient(-33deg,transparent calc(50% - .75px),#b9adc9 calc(50% - .75px) calc(50% + .75px),transparent calc(50% + .75px)),#ebe6f1;
outline:1.5px dashed #a79bb7; outline-offset:-1.5px; }
.demo-wire .art-orbit,.demo-wire .demo-art>b { display:none; }
.demo-wire .demo-art>span { background:#cfc5dc; }
.demo-wire .demo-booking { background:transparent; border:1.5px solid #cfc6da; }
.demo-wire .demo-reserve { background:transparent; outline:1.5px dashed #9c8fae; outline-offset:-1.5px; }
.demo-wire .demo-reserve span { background:none; }
.demo-wire .demo-nav span { background:none; }
.demo-wire .demo-nav span::before { content:""; }
.demo-wire .demo-nav small { background:#ddd5e7; } .wire-cota { position:absolute; z-index:4; font:600 8px/1 var(--texto); color:#d4005a; display:flex; align-items:center; gap:3px; pointer-events:none; }
.wire-cota.v { flex-direction:column; }
.wire-cota.v::before,.wire-cota.v::after { content:""; flex:1; min-height:6px; border-left:1px solid #ff0069; }
.wire-cota.h::before,.wire-cota.h::after { content:""; flex:1; min-width:6px; border-top:1px solid #ff0069; }
.wire-pin { position:absolute; z-index:4; width:18px; height:18px; border-radius:50% 50% 50% 2px; background:#ff0069; color:#fff; font:700 9px/18px var(--texto); text-align:center; box-shadow:0 3px 8px #ff006966; } .design-cursor { position:absolute; z-index:8; left:0; top:0; pointer-events:none; opacity:0; transition:opacity .25s; will-change:transform; }
.design-cursor svg { width:15px; height:15px; display:block; filter:drop-shadow(0 2px 3px #0004); }
.design-cursor span { position:absolute; left:12px; top:13px; white-space:nowrap; font:600 8px/1 var(--texto); color:#fff; padding:4px 6px; border-radius:2px 7px 7px 7px; background:linear-gradient(100deg,#852c86,#ff0069); }
.phone-screen .screen-reflection { z-index:9; } .device-caption .fase { display:inline-flex; align-items:center; gap:7px; font-variant-numeric:tabular-nums; }
.device-caption .fase::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--fase-color,#b9adc9); box-shadow:0 0 0 3px color-mix(in srgb,var(--fase-color,#b9adc9) 25%,transparent); transition:background .3s; }
.motion-reduced .demo-wire,.motion-reduced .wire-cota,.motion-reduced .wire-pin,.motion-reduced .design-cursor { display:none; }
.demo-wire .demo-art::before,.demo-wire .demo-art::after { display:none; }
.demo-wire *,.demo-wire *::before,.demo-wire *::after { -webkit-text-fill-color:transparent!important; }
.demo-wire .demo-brand img { -webkit-text-fill-color:initial!important; }.sectores-lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s6); }
.sector { display: grid; gap: var(--s3); align-content: start; padding: var(--s6); border-radius: var(--radio-tarjeta); background: var(--neo-fondo); box-shadow: var(--neo-relieve); border: 1px solid #ffffffd9; }
.sector .icono { width: 56px; height: 56px; border-radius: 16px; display: grid; place-items: center; background: var(--neo-fondo); box-shadow: 6px 6px 13px #d9d1e1, -6px -6px 13px #fff; border: 1px solid #fff; }
.sector .icono svg { width: 32px; height: 32px; }
.sector h3 { font: 600 var(--tipo-h3) / var(--interlineado-titulo) var(--fuente); letter-spacing: -.01em; margin: 0; }
.sector p { color: var(--tinta-2); margin: 0; }
@media (max-width: 900px) { .sectores-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .sectores-lista { grid-template-columns: 1fr; } } .precios-tabla.precios-1 { grid-template-columns: minmax(0, 26rem); }
.precios-tabla.precios-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.precios-tabla.precios-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.precios-tabla.precios-5, .precios-tabla.precios-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 900px) { .precios-tabla[class*="precios-"] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .precios-tabla[class*="precios-"] { grid-template-columns: 1fr; } }
.bloque-precios .seccion-enlace { margin-top: var(--s6); display: inline-block; } .form-trampa { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.form-estado { margin: 0; padding: var(--s3) var(--s4); border-radius: var(--radio-campo); font-weight: 600; }
.form-estado--ok { background: #dff5ec; color: #0b5e46; border: 1px solid #9fdcc4; }
.form-estado--error { background: #fde6ee; color: #8c0039; border: 1px solid #f3a9c3; }
.form-estado:focus { outline: 3px solid var(--marca-azul); outline-offset: 2px; } .servicio-portada--corta { padding-block: var(--s12) var(--s8); }
.texto-largo { max-width: 46rem; }
.texto-largo > * + * { margin-top: var(--s4); }
.texto-largo h2 { font: 600 var(--tipo-h3) / var(--interlineado-titulo) var(--fuente); margin-top: var(--s8); }
.texto-largo h3 { font-weight: 600; margin-top: var(--s6); }
.texto-largo ul, .texto-largo ol { padding-left: 1.2em; }
.texto-largo li + li { margin-top: var(--s2); }
.texto-largo a { color: var(--marca-enlace); }
.texto-largo img { max-width: 100%; height: auto; border-radius: var(--radio-campo); }
.texto-largo table { width: 100%; border-collapse: collapse; font-size: var(--tipo-pequeno); display: block; overflow-x: auto; }
.texto-largo th, .texto-largo td { text-align: left; vertical-align: top; padding: var(--s2) var(--s3); border-bottom: 1px solid var(--linea); }
.articulo-fecha { color: var(--tinta-2); margin-top: var(--s3); } .lista-articulos { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s4); max-width: 52rem; }
.lista-articulos a { display: grid; gap: var(--s2); padding: var(--s6); border-radius: var(--radio-tarjeta); background: var(--neo-fondo); box-shadow: var(--neo-relieve); border: 1px solid #ffffffd9; text-decoration: none; color: inherit; }
.lista-articulos h2 { font: 600 var(--tipo-h3) / var(--interlineado-titulo) var(--fuente); margin: 0; }
.lista-articulos p { color: var(--tinta-2); margin: 0; }
.lista-articulos time { font-size: var(--tipo-pequeno); color: var(--tinta-2); }
.pagination, .nav-links { display: flex; gap: var(--s4); margin-top: var(--s8); } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus { background: #fff; clip: auto !important; clip-path: none; color: #24102e; display: block; height: auto; left: 8px; padding: 12px 20px; top: 8px; width: auto; z-index: 100000; }input[type="checkbox"].cmplz-category { width: initial; -webkit-appearance: checkbox;}input[type="checkbox"].cmplz-category:checked::before { content: '';}.cmplz-cookiebanner { box-sizing: border-box;}:root { --cmplz_banner_width: 480px; --cmplz_banner_background_color: #fbf9fd; --cmplz_banner_border_color: #e2dcec; --cmplz_banner_border_width: 1px 1px 1px 1px ; --cmplz_banner_border_radius: 22px 22px 22px 22px; --cmplz_banner_margin: 10px; --cmplz_categories-height: 163px; --cmplz_title_font_size: 15px; --cmplz_text_line_height: calc(var(--cmplz_text_font_size) * 1.5); --cmplz_text_color: #24102e; --cmplz_hyperlink_color: #b70058; --cmplz_text_font_size: 15px; --cmplz_link_font_size: 15px; --cmplz_category_body_font_size: 15px; --cmplz_button_accept_background_color: #660066; --cmplz_button_accept_border_color: #660066; --cmplz_button_accept_text_color: #ffffff; --cmplz_button_deny_background_color: #fbf9fd; --cmplz_button_deny_border_color: #86718e; --cmplz_button_deny_text_color: #24102e; --cmplz_button_settings_background_color: #fbf9fd; --cmplz_button_settings_border_color: #86718e; --cmplz_button_settings_text_color: #24102e; --cmplz_button_border_radius: 999px 999px 999px 999px; --cmplz_button_font_size: 15px; --cmplz_category_header_always_active_color: green; --cmplz_category_header_title_font_size: 14px; --cmplz_category_header_active_font_size: 12px; --cmplz-manage-consent-height: 50px; --cmplz-manage-consent-offset: -35px; --cmplz_slider_active_color: #660066; --cmplz_slider_inactive_color: #cfc6da; --cmplz_slider_bullet_color: #ffffff;}body.cmplz-banner-active *:not(.cmplz-cookiebanner):not(.cmplz-cookiebanner *) { pointer-events: none !important; user-select: none !important;}.cmplz-cookiebanner * { pointer-events: auto !important; user-select: auto !important;}#cmplz-manage-consent .cmplz-manage-consent { margin: unset; z-index: 9998; color: var(--cmplz_text_color); background-color: var(--cmplz_banner_background_color); border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; line-height: initial; position: fixed; bottom: var(--cmplz-manage-consent-offset); min-width: 100px; height: var(--cmplz-manage-consent-height); right: 40px; padding: 15px; cursor: pointer; animation: mc_slideOut 0.5s forwards;}#cmplz-manage-consent .cmplz-manage-consent:active { outline: none; border: none;}#cmplz-manage-consent .cmplz-manage-consent.cmplz-dismissed { display: none;}#cmplz-manage-consent .cmplz-manage-consent:hover,#cmplz-manage-consent .cmplz-manage-consent:focus { animation: mc_slideIn 0.5s forwards; animation-delay: 0;}@-webkit-keyframes mc_slideIn { 100% { bottom: 0; }}@keyframes mc_slideIn { 100% { bottom: 0; }}@-webkit-keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-header .cmplz-title { display: none; }}.cmplz-cookiebanner { max-height: calc(100vh - 20px); overflow-y: auto; position: fixed; height: auto; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); grid-template-rows: minmax(0, 1fr); z-index: 99999; background: var(--cmplz_banner_background_color);}.cmplz-cookiebanner a { transition: initial;}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn.tcf { display: none;}.cmplz-cookiebanner.cmplz-dismissed { display: none;}.cmplz-cookiebanner .cmplz-body { width: 100%; grid-column: span 3; overflow-y: auto; overflow-x: hidden; max-height: 55vh;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar { width: 5px; background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-thumb { background-color: var(--cmplz_button_accept_background_color); border-radius: 10px;}@media (min-width: 350px) { .cmplz-cookiebanner .cmplz-body { min-width: 300px; }}@media (max-height: 400px) { .cmplz-cookiebanner { height: calc(100vh - 20px); display: flex; flex-direction: column; overflow: hidden; gap: 1px; grid-row-gap: 1px; padding: 7px 12px !important; zoom: 0.6; } .cmplz-cookiebanner .cmplz-body { flex: 1; min-height: 0; overflow-y: auto; max-height: none; margin-top: 15px !important; } .cmplz-cookiebanner .cmplz-header, .cmplz-cookiebanner .cmplz-divider, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons, .cmplz-cookiebanner .cmplz-documents { flex-shrink: 0; } .cmplz-cookiebanner .cmplz-header { margin-bottom: 15px !important; max-height: 10px; } .cmplz-close { zoom: 0.6 !important; } .cmplz-cookiebanner .cmplz-buttons { gap: 1px !important; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { height: 15vh !important; min-height: unset !important; padding: 0 !important; white-space: nowrap !important; font-size: 1.1rem !important; line-height: 14px !important; zoom: 0.5 !important; } .cmplz-cookiebanner .cmplz-documents, .cmplz-cookiebanner .cmplz-information { zoom: 0.5 !important; }}@media (max-height: 400px) and (max-width: 768px) { .cmplz-cookiebanner { gap: 1px; }}.cmplz-cookiebanner { border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); padding: 15px 20px; display: grid; grid-gap: 10px;}.cmplz-cookiebanner .cmplz-divider { margin-left: -20px; margin-right: -20px;}.cmplz-cookiebanner .cmplz-header { grid-template-columns: 100px 1fr 100px; align-items: center; display: grid; grid-column: span 3;}@media (max-width: 399px) { .cmplz-cookiebanner .cmplz-header { grid-template-columns: auto 1fr auto; }}.cmplz-cookiebanner .cmplz-logo svg { max-height: 35px; width: inherit;}.cmplz-cookiebanner .cmplz-logo img { max-height: 40px; width: inherit;}.cmplz-cookiebanner .cmplz-title { justify-self: center; grid-column-start: 2; font-size: var(--cmplz_title_font_size); color: var(--cmplz_text_color); font-weight: 500;}.cmplz-cookiebanner .cmplz-close { line-height: 20px; justify-self: end; grid-column-start: 3; font-size: 20px; cursor: pointer; width: 20px; height: 20px; color: var(--cmplz_text_color);}.cmplz-cookiebanner .cmplz-close svg { width: 20px; height: 20px;}.cmplz-cookiebanner .cmplz-close:hover { text-decoration: none; line-height: initial; font-size: 18px;}.cmplz-cookiebanner .cmplz-message { word-wrap: break-word; font-size: var(--cmplz_text_font_size); line-height: var(--cmplz_text_line_height); color: var(--cmplz_text_color); margin-bottom: 5px;}.cmplz-cookiebanner .cmplz-message a { color: var(--cmplz_hyperlink_color);}.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-links,.cmplz-cookiebanner .cmplz-buttons,.cmplz-cookiebanner .cmplz-divider { grid-column: span 3;}.cmplz-cookiebanner .cmplz-categories.cmplz-tcf .cmplz-category .cmplz-category-header { grid-template-columns: 1fr auto;}.cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: rgba(239, 239, 239, 0.5);}.cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) { margin-bottom: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header { display: grid; grid-template-columns: 1fr auto 15px; grid-template-rows: minmax(0, 1fr); align-items: center; grid-gap: 10px; padding: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title { font-weight: 500; grid-column-start: 1; justify-self: start; font-size: var(--cmplz_category_header_title_font_size); color: var(--cmplz_text_color); margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active { font-size: var(--cmplz_category_header_active_font_size); font-weight: 500; color: var(--cmplz_category_header_always_active_color);}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox { display: flex; align-items: center; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox input[data-category=cmplz_functional] { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open { cursor: pointer; content: ''; transform: rotate(0deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: cover; height: 18px; width: 18px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description { font-size: var(--cmplz_category_body_font_size); color: var(--cmplz_text_color); margin: 0; max-width: 100%; padding: 10px;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-category .cmplz-category-header { grid-template-columns: 1fr!important; }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-message { margin-right: 5px; }}.cmplz-cookiebanner .cmplz-buttons { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-height: 45px; padding: 10px; margin: initial; width: 100%; white-space: nowrap; border-radius: var(--cmplz_button_border_radius); cursor: pointer; font-size: var(--cmplz_button_font_size); font-weight: 500; text-decoration: none; line-height: 20px; text-align: center; flex: initial;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover { text-decoration: none;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { background-color: var(--cmplz_button_accept_background_color); border: 1px solid var(--cmplz_button_accept_border_color); color: var(--cmplz_button_accept_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny { background-color: var(--cmplz_button_deny_background_color); border: 1px solid var(--cmplz_button_deny_border_color); color: var(--cmplz_button_deny_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn { display: flex; align-items: center; justify-content: center; padding: initial;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-links.cmplz-information { display: initial; text-align: center; }}.cmplz-cookiebanner .cmplz-links { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-links.cmplz-information { justify-content: space-between;}.cmplz-cookiebanner .cmplz-links.cmplz-documents { justify-content: center;}.cmplz-cookiebanner .cmplz-links .cmplz-link { color: var(--cmplz_hyperlink_color); font-size: var(--cmplz_link_font_size); text-decoration: underline; margin: 0;}.cmplz-cookiebanner .cmplz-links .cmplz-link.cmplz-read-more-purposes { display: none;}.cmplz-cookiebanner .cmplz-links ul { margin: 0; padding: 0; list-style: none; display: flex; gap: var(--cmplz_banner_margin); justify-content: center;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: none;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: block;}.cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-categories .cmplz-category .cmplz-category-toggle[aria-expanded="true"] .cmplz-icon.cmplz-open { transform: rotate(180deg);}.cmplz-cookiebanner { top: initial; left: 10px; bottom: 10px; transform: initial;}@media (min-width: 768px) { .cmplz-cookiebanner { min-width: var(--cmplz_banner_width); max-width: 100%; display: grid; grid-row-gap: 10px; }}@media (max-width: 768px) { .cmplz-cookiebanner { left: initial; right: initial; bottom: 0; width: 100%; } .cmplz-cookiebanner .cmplz-buttons { flex-direction: column; }}@media (min-width: 768px) { .cmplz-message, .cmplz-categories { width: calc(var(--cmplz_banner_width) - 42px); }}#cmplz-manage-consent .cmplz-manage-consent { left: 40px; right: initial;}.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-save-preferences,.cmplz-cookiebanner .cmplz-link.cmplz-manage-options,.cmplz-cookiebanner .cmplz-manage-vendors,.cmplz-cookiebanner .cmplz-read-more,.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options { display: none;}.cmplz-cookiebanner .cmplz-categories.cmplz-fade-in { animation: fadeIn 1s; -webkit-animation: fadeIn 1s; -moz-animation: fadeIn 1s; -o-animation: fadeIn 1s; -ms-animation: fadeIn 1s; display: block;}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}.cmplz-cookiebanner .cmplz-links.cmplz-information { display: none;}.cmplz-cookiebanner-container .cmplz-cookiebanner { bottom: -50vh; -webkit-animation: slideIn 1s forwards; -webkit-animation-delay: 0s; animation: slideIn 1s forwards; animation-delay: 0s;}@-webkit-keyframes slideIn { 100% { bottom: 0; }}@keyframes slideIn { 100% { bottom: 0; }}.cmplz-cookiebanner .cmplz-preferences,.cmplz-manage-consent-container .cmplz-preferences { display: none;}@media (max-width: 768px) { #cmplz-manage-consent .cmplz-manage-consent { display: none; }}.cmplz-logo { display: none !important;}.cmplz-cookiebanner .cmplz-close { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox { position: relative;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox { opacity: 0; margin: 0; margin-top: -10px; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; position: absolute; z-index: 1; top: 0px; left: 0px; width: 40px; height: 20px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before { box-shadow: 0 0 0 2px #245fcc;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before { display: block; background-color: var(--cmplz_slider_active_color); content: ""; padding-left: 6px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after { left: 14px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label { position: relative; padding-left: 30px; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before,.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { box-sizing: border-box; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: background-color 0.3s, left 0.3s;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before { display: block; content: ""; color: #fff; box-sizing: border-box; font-family: 'FontAwesome', sans-serif; padding-left: 23px; font-size: 12px; line-height: 20px; background-color: var(--cmplz_slider_inactive_color); left: 0px; top: -7px; height: 15px; width: 28px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { display: block; content: ""; letter-spacing: 20px; background: var(--cmplz_slider_bullet_color); left: 4px; top: -5px; height: 11px; width: 11px;}.cmplz-cookiebanner { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}#cmplz-manage-consent .cmplz-manage-consent { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show:hover { transition-duration: 1s; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}.cmplz-cookiebanner { font-family: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif; box-shadow: 14px 14px 34px rgba(59, 31, 77, 0.22), -10px -10px 26px rgba(255, 255, 255, 0.9); padding: 24px 24px 20px;}.cmplz-cookiebanner .cmplz-header .cmplz-title { font-size: 20px; font-weight: 700; letter-spacing: -0.02em; color: #24102e;}.cmplz-cookiebanner .cmplz-message { line-height: 1.55; color: #3d2a47; }.cmplz-cookiebanner .cmplz-buttons { gap: 8px; }.cmplz-cookiebanner .cmplz-btn { font-family: inherit; font-weight: 600; font-size: 15px; min-height: 44px; padding: 0 18px; letter-spacing: 0; transition: background-color .2s, box-shadow .2s;}.cmplz-cookiebanner .cmplz-btn.cmplz-accept { background: linear-gradient(100deg, #660066 0%, #852c86 60%, #b70058 100%); border: 0; box-shadow: 0 10px 22px -12px rgba(102, 0, 102, 0.9);}.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover { background: #511247; }.cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover,.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover { background: #f1edf5; }.cmplz-cookiebanner .cmplz-btn:focus-visible,.cmplz-cookiebanner a:focus-visible,.cmplz-cookiebanner .cmplz-category summary:focus-visible { outline: 3px solid #0068b2; outline-offset: 2px; }.cmplz-cookiebanner .cmplz-links a { color: #b70058; font-weight: 600; }.cmplz-cookiebanner .cmplz-category { background: #f4f1f8; border-radius: 14px;}.cmplz-cookiebanner .cmplz-category .cmplz-category-title { font-weight: 650; color: #24102e; }.cmplz-cookiebanner .cmplz-always-active,.cmplz-cookiebanner .cmplz-always-active * { color: #660066 !important; font-weight: 600; }.cmplz-manage-consent { font-family: "Hanken Grotesk", system-ui, sans-serif; font-weight: 600; background: #fbf9fd; color: #24102e; border: 1px solid #e2dcec; box-shadow: 0 10px 24px -14px rgba(59, 31, 77, 0.5); border-radius: 999px 999px 0 0;}.cmplz-cookiebanner { margin: 16px; }.cmplz-cookiebanner .cmplz-header { grid-template-columns: 1fr auto !important; justify-items: start; }.cmplz-cookiebanner .cmplz-header .cmplz-logo { display: none !important; }.cmplz-cookiebanner .cmplz-header .cmplz-title { grid-column: 1 !important; justify-self: start !important; text-align: left; }.cmplz-cookiebanner .cmplz-header .cmplz-close { grid-column: 2 !important; }.cmplz-cookiebanner .cmplz-documents.cmplz-links,.cmplz-cookiebanner .cmplz-documents.cmplz-links ul { justify-content: flex-start !important; }.cmplz-cookiebanner .cmplz-category-toggle { background: none; border: 0; box-shadow: none; color: #24102e; }@media (max-width: 768px) { .cmplz-cookiebanner { width: auto; left: 0; right: 0; bottom: 0; margin: 12px; } .cmplz-cookiebanner .cmplz-buttons { flex-direction: row !important; flex-wrap: wrap; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { flex: 1 1 40%; width: auto; margin: 0; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { flex-basis: 100%; }}@media (max-width: 425px) { .cmplz-cookiebanner { padding: 18px 16px 16px; gap: 8px; } .cmplz-cookiebanner .cmplz-header .cmplz-title { display: block !important; font-size: 18px; } .cmplz-cookiebanner .cmplz-btn { min-height: 46px; padding: 0 12px; }}