@font-face{font-family:'Instrument Sans';font-style:normal;font-display:swap;font-weight:400;src:url(../fuentes/instrument-sans-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-display:swap;font-weight:400;src:url(../fuentes/instrument-sans-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-display:swap;font-weight:500;src:url(../fuentes/instrument-sans-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-display:swap;font-weight:500;src:url(../fuentes/instrument-sans-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-display:swap;font-weight:600;src:url(../fuentes/instrument-sans-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-display:swap;font-weight:600;src:url(../fuentes/instrument-sans-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:400;src:url(../fuentes/jetbrains-mono-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:400;src:url(../fuentes/jetbrains-mono-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:500;src:url(../fuentes/jetbrains-mono-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:500;src:url(../fuentes/jetbrains-mono-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Sora';font-style:normal;font-display:swap;font-weight:400;src:url(../fuentes/sora-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Sora';font-style:normal;font-display:swap;font-weight:400;src:url(../fuentes/sora-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Sora';font-style:normal;font-display:swap;font-weight:500;src:url(../fuentes/sora-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Sora';font-style:normal;font-display:swap;font-weight:500;src:url(../fuentes/sora-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Sora';font-style:normal;font-display:swap;font-weight:600;src:url(../fuentes/sora-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Sora';font-style:normal;font-display:swap;font-weight:600;src:url(../fuentes/sora-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Ubuntu';font-style:normal;font-display:swap;font-weight:500;src:url(../fuentes/ubuntu-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Ubuntu';font-style:normal;font-display:swap;font-weight:500;src:url(../fuentes/ubuntu-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
html,body{margin:0}

/* Formulario rápido del menú: estilos de la home, comunes a todas las páginas (en el prototipo solo estaban en algunas) */
/* contacto */
.mn .cf{display:grid;gap:12px;padding:14px 0 0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}
.mn .cf-r{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mn .cf label{display:grid;gap:6px;font:500 11px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.mn .cf input[type=text],.mn .cf textarea{width:100%;min-width:0;box-sizing:border-box;font:400 15px/1.4 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink);padding:11px 13px;border-radius:12px;border:1px solid var(--line);background:#fff;resize:vertical}
.mn .cf input[type=text]:focus,.mn .cf textarea:focus{outline:2px solid #A8E0B9;border-color:#34A853}
.mn .cf fieldset{border:0;margin:0;padding:0}
.mn .cf legend{font:500 11px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);margin-bottom:6px}
.mn .cf-ch{display:flex;flex-wrap:wrap;gap:6px}
.mn .cf-ch label{display:block;cursor:pointer}
.mn .cf-ch input{position:absolute;opacity:0;pointer-events:none}
.mn .cf-ch span{display:inline-block;padding:8px 12px;border-radius:100px;border:1px solid var(--line);background:#fff;font:500 13.5px/1 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink)}
.mn .cf-ch input:checked + span{background:var(--ink);border-color:var(--ink);color:#fff}
.mn .cf-ch input:focus-visible + span{outline:2px solid #34A853;outline-offset:2px}
.mn .cf-b{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.mn .cf-b .btn{border:0;cursor:pointer}
.mn .cf-ok{font-size:13.5px;color:#1E8E3E}
@media (max-width:640px){.mn .cf-r{grid-template-columns:minmax(0,1fr)}}
/* Común a todas las páginas. Formulario rápido del menú: privacidad (mismo criterio que /contacto/) */
.mn .cf-legal{display:grid;gap:8px;margin:2px 0 4px;padding:10px 12px;border-radius:12px;background:rgba(17,17,17,.035);border:1px solid rgba(17,17,17,.06)}
.mn .cf label.cf-okp{display:flex!important;flex-direction:row!important;gap:9px;align-items:flex-start;font:400 12.5px/1.45 'Instrument Sans',system-ui,sans-serif;color:var(--ink2,#5B606A);cursor:pointer;text-transform:none;letter-spacing:0}
.mn .cf-okp input{margin:1px 0 0;width:16px!important;height:16px!important;min-height:0!important;padding:0!important;accent-color:#111;flex:none}
.mn .cf-okp a{color:var(--ink,#111);text-decoration:underline}
.mn .cf-legal details summary{cursor:pointer;font:500 10.5px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2,#5B606A);list-style:none}
.mn .cf-legal details summary::-webkit-details-marker{display:none}
.mn .cf-legal details summary::after{content:" +"}
.mn .cf-legal details[open] summary::after{content:" ×"}
.mn .cf-info{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 12px;margin:10px 0 0;font:400 12px/1.45 'Instrument Sans',system-ui,sans-serif;color:var(--ink2,#5B606A)}
.mn .cf-info dt{font-weight:600;color:var(--ink,#111)}
.mn .cf-info dd{margin:0}
.mn .cf-legal.bad{border-color:#F3B4AE;background:#FFF6F5}

/* ===== Menú · paneles Metodología, Sobre nosotros y Contacto (mismo lenguaje que Servicios) ===== */
.mn{--mhb:#A9C7FB;--mhg:#A8E0B9;--mhy:#FCE19A;--mhbt:#EEF4FF;--mhgt:#EEF8F1;--mhyt:#FFF8E4}
/* Metodología: cinco pasos con su cuadro de color y una línea que los une */
.mn .metl{display:block;list-style:none;margin:0;padding:14px 0 0;counter-reset:none}
.mn .metl li{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:4px 14px;align-items:center;padding:11px 4px;border-bottom:1px solid var(--line)}
.mn .metl li:last-child{border-bottom:0}
.mn .metl li:not(:last-child)::after{content:"";position:absolute;left:22.5px;top:calc(50% + 19px);height:calc(100% - 38px);width:1px;background:linear-gradient(var(--c),transparent);opacity:.55}
.mn .metl span{grid-row:1/3;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--c);box-shadow:0 8px 16px -8px var(--c);font:600 12px/1 var(--mono);letter-spacing:.02em;color:#fff}
.mn .metl li:nth-child(3) span{color:#5C4300}
.mn .metl b{font:500 16.5px/1.25 var(--sans);letter-spacing:0;color:var(--ink)}
.mn .metl small{font:500 10.5px/1.35 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
/* Sobre nosotros: foto, cita, tres datos en color y enlaces como filas */
.mn .ab{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;padding:18px 0 16px}
.mn .ab-ph{width:84px;height:84px;border-radius:50%;flex:none}
.mn .ab-ph.has-ph{overflow:hidden;padding:0;border:0;background:#E9E7E2;box-shadow:0 0 0 3px #fff,0 0 0 4px rgba(17,17,17,.08),0 12px 24px -12px rgba(17,17,17,.45)}
.mn .ab-ph.has-ph img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.mn .ab-q{margin:0;font:400 clamp(17px,1.45vw,19.5px)/1.38 var(--disp);letter-spacing:-.015em;color:var(--ink);text-wrap:pretty}
.mn .ab-who{margin:10px 0 0;font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.mn .abk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;border:0}
.mn .abk li{padding:14px 14px 13px;border:1px solid rgba(17,17,17,.06);border-radius:14px;background:var(--mhbt)}
.mn .abk li+li{border-left:1px solid rgba(17,17,17,.06);border-top:1px solid rgba(17,17,17,.06);padding-left:14px}
.mn .abk li:nth-child(2){background:var(--mhyt)}
.mn .abk li:nth-child(3){background:var(--mhgt)}
.mn .abk b{display:block;font:500 26px/1 var(--disp);letter-spacing:-.04em;color:var(--ink)}
.mn .abk em{font-style:normal;font-size:.62em;color:#F4B400;vertical-align:.18em}
.mn .abk small{display:block;margin-top:7px;font-size:12.5px;line-height:1.35;color:var(--ink2)}
.mn .ablk{display:block;margin:10px 0 0;padding:0;list-style:none}
.mn .ablk a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 4px;border-bottom:1px solid var(--line);font:500 16px/1.25 var(--sans);color:var(--ink);text-decoration:none;transition:padding .2s}
.mn .ablk li:last-child a{border-bottom:0}
.mn .ablk a::after{content:"→";color:var(--dim);transition:transform .2s,color .2s}
.mn .ablk a:hover{padding-left:10px}
.mn .ablk a:hover::after{color:var(--ink);transform:translateX(3px)}
/* Contacto: los colores del formulario de /contacto/ */
.mn .cf-ch span{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-color:rgba(17,17,17,.14);transition:background .2s,border-color .2s,color .2s}
.mn .cf-ch span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mhb);transition:transform .2s}
.mn .cf-ch label:nth-child(3n+1) span::before{background:#7DCB95}
.mn .cf-ch label:nth-child(3n+2) span::before{background:#8DB4F8}
.mn .cf-ch label:nth-child(3n) span::before{background:#F6CF5F}
.mn .cf-ch input:checked + span::before{transform:scale(1.25)}
.mn .cf-ch label:hover span{border-color:rgba(17,17,17,.28)}
.mn .cf input[type=text],.mn .cf textarea{border-color:rgba(17,17,17,.14);border-radius:14px;transition:border-color .2s,box-shadow .2s}
.mn .cf input[type=text]:hover,.mn .cf textarea:hover{border-color:rgba(17,17,17,.28)}
.mn .cf input[type=text]:focus,.mn .cf textarea:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 4px rgba(169,199,251,.45)}
.mn .cf-legal{border-radius:16px;background:linear-gradient(135deg,var(--mhbt),var(--mhgt) 60%,var(--mhyt));border:1px solid rgba(17,17,17,.06)}
.mn .cf-legal.bad{border-color:#F3B4AE;background:#FFF6F5}
@media (max-width:640px){
 .mn .ab{grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:start}
 .mn .ab-ph{width:64px;height:64px}
 .mn .ab-q{font-size:16.5px}
 .mn .abk{gap:6px}
 .mn .abk li{padding:11px 10px}
 .mn .abk li+li{padding-left:10px}
 .mn .abk b{font-size:21px}
 .mn .abk small{font-size:11.5px}
}

/* Menú · el enlace a la página de cada panel pasa a ser un botón visible al final del panel */
.mn #mp-serv.on,.mn #mp-met.on,.mn #mp-about.on{display:flex;flex-direction:column}
.mn #mp-serv .mph,.mn #mp-met .mph,.mn #mp-about .mph{display:contents}
.mn #mp-serv .mn-lb,.mn #mp-met .mn-lb,.mn #mp-about .mn-lb{padding-bottom:16px;margin:0 0 6px;border-bottom:1px solid var(--line)}
.mn #mp-serv .mpall,.mn #mp-met .mpall,.mn #mp-about .mpall{order:99;align-self:flex-start;display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:15px 24px;border:0;border-radius:100px;background:var(--ink);color:#fff;font:600 15px/1 var(--sans);text-decoration:none;box-shadow:0 14px 28px -16px rgba(17,17,17,.6);transition:transform .2s,box-shadow .2s}
.mn #mp-serv .mpall:hover,.mn #mp-met .mpall:hover,.mn #mp-about .mpall:hover{transform:translateY(-1px);box-shadow:0 18px 32px -16px rgba(17,17,17,.7)}
@media (max-width:640px){.mn #mp-serv .mpall,.mn #mp-met .mpall,.mn #mp-about .mpall{align-self:stretch;justify-content:center}}

/* ===== Menú · un color por sección (aprobado 9 nov, prueba 4 · botón sólido) ===== */
.mnA .mn-back{display:none!important}
.mn-pl{display:block;position:absolute;inset:0;z-index:2;border-radius:12px;text-decoration:none}
.mn .metl li{transition:background .2s,padding .2s;border-radius:12px}
.mn .metl li:hover{background:rgba(17,17,17,.035);padding-left:10px}
.mn-pl::after{content:"→";position:absolute;right:12px;top:50%;transform:translate(-6px,-50%);opacity:0;color:var(--ink);font:500 18px/1 var(--sans);transition:opacity .2s,transform .2s}
.mn .metl li:hover .mn-pl::after{opacity:1;transform:translate(0,-50%)}
.mn-vbk{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font:600 14.5px/1 var(--sans);color:var(--ink);background:#fff;border:1px solid rgba(17,17,17,.14);border-radius:100px;padding:11px 18px 11px 14px;transition:border-color .2s,transform .2s,background .2s}
.mn-vbk i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;transition:transform .2s}
.mn-vbk:hover{border-color:var(--ink)}
.mn-vbk:hover i{transform:translateX(-3px)}
.mnA-r{transition:background .4s}
.mnA-r:has(#mp-serv.on){background:linear-gradient(170deg,#E3F5EC,rgba(255,255,255,.7) 55%)}
.mnA-r:has(#mp-met.on){background:linear-gradient(170deg,#FFF0CC,rgba(255,255,255,.7) 55%)}
.mnA-r:has(#mp-about.on){background:linear-gradient(170deg,#EAF1FE,rgba(255,255,255,.7) 55%)}
.mnA-r:has(#mp-contact.on){background:linear-gradient(170deg,#FFE6DA,rgba(255,255,255,.7) 55%)}
.mn-vtop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 16px}
.mn-vtop .mn-vbk{background:rgba(255,255,255,.8);border-color:transparent}
.mn-vtop .mn-vbk i{background:var(--sc);color:var(--sci)}
.mn #mp-serv .mn-lb,.mn #mp-met .mn-lb,.mn #mp-about .mn-lb,.mn #mp-casos .mn-lb,.mn #mp-blog .mn-lb{border-color:color-mix(in srgb,var(--sc) 45%,transparent)}
.mn #mp-serv .mpall,.mn #mp-met .mpall,.mn #mp-about .mpall,.mn #mp-casos .mpall,.mn #mp-blog .mpall{align-self:stretch;justify-content:space-between;min-height:60px;padding:10px 10px 10px 24px;box-sizing:border-box;border-radius:18px;background:var(--sc);color:var(--sci);font:600 17px/1.2 var(--disp);box-shadow:0 18px 32px -20px var(--sc)}
.mn .mpall::after{content:"→";display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.28);font:500 18px/1 var(--sans);transition:transform .2s}
.mn .mpall:hover::after{transform:translateX(3px)}
/* Contacto: el enlace a la página también va abajo, en grande y con el color de la sección */
.mn #mp-contact.on{display:flex;flex-direction:column}
.mn #mp-contact .mph{display:contents}
.mn #mp-contact .mn-lb{padding-bottom:16px;margin:0 0 6px;border-bottom:1px solid color-mix(in srgb,var(--sc) 45%,transparent)}
.mn #mp-contact .mpall{order:99;display:inline-flex;align-items:center;align-self:stretch;justify-content:space-between;gap:10px;margin-top:20px;min-height:60px;padding:10px 10px 10px 24px;box-sizing:border-box;border:0;border-radius:18px;background:var(--sc);color:var(--sci);font:600 17px/1.2 var(--disp);text-decoration:none;white-space:normal;box-shadow:0 18px 32px -20px var(--sc);transition:transform .2s,box-shadow .25s}
.mn #mp-contact .mpall:hover{transform:translateY(-2px)}
.mn #mp-contact .mpall::after{content:"→";display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.32);font:500 18px/1 var(--sans);transition:transform .2s}
.mnA .mn-main li a::before{content:"";flex:none;align-self:center;width:10px;height:10px;border-radius:50%;background:var(--sc);opacity:.9;transition:transform .2s}
.mnA .mn-main a.cur::before{transform:scale(1.5)}
.mnA .mn-main a i{color:var(--sc)!important}
.mnA .mn-main ul.has a:not(.cur)::before{opacity:.35}
.mn .metl li:hover{background:rgba(255,255,255,.6)}

/* Casos y Blog (aún sin página en madmin.es): mismo botón al final del panel */
.mn #mp-casos.on,.mn #mp-blog.on{display:flex;flex-direction:column}
.mn #mp-casos .mph,.mn #mp-blog .mph{display:contents}
.mn #mp-casos .mn-lb,.mn #mp-blog .mn-lb{padding-bottom:16px;margin:0 0 6px;border-bottom:1px solid var(--line)}
.mn #mp-casos .mpall,.mn #mp-blog .mpall{order:99;display:inline-flex;align-items:center;gap:10px;margin-top:20px;border:0;text-decoration:none}
.mnA-r:has(#mp-casos.on){--st:#FBEDE4}
.mnA-r:has(#mp-blog.on){--st:#ECEFEE}
.mnA-r:has(#mp-casos.on),.mnA-r:has(#mp-blog.on){background:linear-gradient(172deg,var(--st,#fff),rgba(255,255,255,.72) 52%)}
/* ---- mimo sobre la 4 ---- */
.mnA-r:has(#mp-serv.on),.mnA-r:has(#mp-met.on),.mnA-r:has(#mp-about.on),.mnA-r:has(#mp-contact.on){background:linear-gradient(172deg,var(--st,#fff),rgba(255,255,255,.72) 52%)}
.mnA-r{--st:#fff}
.mnA-r:has(#mp-serv.on){--st:#E6F5EC}
.mnA-r:has(#mp-met.on){--st:#FFF3D6}
.mnA-r:has(#mp-about.on){--st:#EAF1FE}
.mnA-r:has(#mp-contact.on){--st:#FFEBE1}
.mn .metl li:hover{background:color-mix(in srgb,var(--st) 70%,#fff)}
.mn .mpall{transition:transform .2s,box-shadow .25s,background .25s,border-color .25s}
.mn #mp-serv .mpall:hover,.mn #mp-met .mpall:hover,.mn #mp-about .mpall:hover,.mn #mp-casos .mpall:hover,.mn #mp-blog .mpall:hover{transform:translateY(-2px)}
.mn .mpall::after{transition:transform .2s,background .2s}
@media (max-width:640px){
 #mp-contact .mph{flex-direction:column;align-items:flex-start;gap:10px}
 .mn-vtop{position:sticky;top:10px;z-index:6;pointer-events:none}
 .mn-vtop .mn-vbk{pointer-events:auto;box-shadow:0 10px 24px -14px rgba(17,17,17,.45)}
}

@media (hover:none){.mn .metl li:hover{background:none;padding-left:4px}.mn-pl::after{display:none}}


/* Home en claro, blanco y negro, con "chicha técnica": marcos anotados, rejilla, inspector y ficha técnica.
   Sin color corporativo: el único color es funcional (punto verde de estado), y muy puntual. */
:root{
  color-scheme:light;
  --page:#FFFFFF; --soft:#F6F6F5; --ink:#111111; --ink2:#5A5A5A; --dim:#8C8C8C; --line:#E4E4E2; --frame:#BDBDBA; --grid:rgba(17,17,17,.045);
  --ok:#1E8E3E; --star:#F4B400; --gblue:#4285F4; --gred:#EA4335; --gyel:#FBBC04; --ggreen:#34A853; --glink:#1A0DAB; --gurl:#4D5156;
  --disp:'Sora',system-ui,sans-serif; --sans:'Instrument Sans',system-ui,sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace;
}
html,body{margin:0;background:var(--page);color:var(--ink);overflow-x:clip}
body{font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(16px,3vw,40px);position:relative}

/* cabecera elegida */
.hd{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;position:relative;z-index:3}
.pill{justify-self:start;display:inline-flex;align-items:center;border:1px solid var(--ink);border-radius:100px;padding:9px 18px;font:600 12.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--ink);background:var(--page)}
.hd .pill:last-child{justify-self:end;background:var(--ink);color:var(--page)}
.intro{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--ink);min-width:120px;min-height:40px}
.intro > span{font:600 22px/1 var(--sans);letter-spacing:-.04em}
.intro > span b{font-weight:600;color:var(--dim)}
.intro svg{width:38px;height:38px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}
.intro.play svg{animation:mkIn 1.9s ease forwards}
.intro.play > span{animation:wdIn 1.9s ease forwards}
@keyframes mkIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}18%{opacity:1;transform:translate(-50%,-50%) scale(1)}62%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.6)}}
@keyframes wdIn{0%,62%{opacity:0;letter-spacing:.08em}100%{opacity:1;letter-spacing:-.04em}}

/* rejilla técnica de fondo en la primera pantalla */
.stage{position:relative}
.stage::before{content:"";position:absolute;inset:0 -100vw;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:48px 48px;background-position:center top;pointer-events:none;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}

/* marcos anotados (como en la home de partida) */
.fr{position:relative;border:1px dashed transparent;border-radius:10px;transition:border-color .25s,background .25s}
.fr > .tg{position:absolute;top:-10px;left:12px;font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);background:var(--page);border:1px solid var(--frame);border-radius:4px;padding:4px 6px;opacity:0;transition:opacity .25s;white-space:nowrap}
.vA .fr,.fr.hi{border-color:var(--frame)}
.vA .fr > .tg,.fr.hi > .tg{opacity:1}
.fr.hi{background:rgba(17,17,17,.025)}
.vA .hero .fr{padding:14px 16px}

/* hero */
.hero{min-height:calc(100svh - 76px);display:grid;grid-template-rows:1fr auto;padding-top:clamp(20px,4vh,48px)}
.hgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.vB .hgrid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.hcol{display:grid;gap:clamp(14px,2.2vh,22px);justify-items:start;max-width:980px}
.hero h1{display:block}
.h1kw{font:500 13px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.title{font:500 clamp(44px,6.6vw,96px)/1 var(--disp);letter-spacing:-.045em;text-wrap:balance}
.sub{font:400 clamp(18px,1.6vw,21px)/1.5 var(--sans);color:var(--ink2);max-width:46ch}
.ctas{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:100px;padding:14px 24px;font:600 15px/1 var(--sans);text-decoration:none;background:var(--ink);color:var(--page)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--frame)}
.live{display:inline-flex;align-items:center;gap:8px;font:500 11.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.live i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(30,142,62,.14)}

/* cifras como tabla técnica */
.spec{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink);margin-top:clamp(24px,4.5vh,52px);position:relative;background:var(--page)}
.spec div{padding:14px 16px 22px 0;min-width:0;border-right:1px solid var(--line)}
.spec div + div{padding-left:16px}
.spec div:last-child{border-right:0}
.spec small::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;vertical-align:.1em;background:var(--d,var(--gblue))}
.spec div:nth-child(3) small{--d:var(--gred)}.spec div:nth-child(4) small{--d:var(--gyel)}.spec div:nth-child(5) small{--d:var(--ggreen)}
.spec small{display:block;font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:12px}
.spec b{display:block;font:500 clamp(21px,1.9vw,28px)/1 var(--disp);letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.spec b em{font-style:normal;font-size:.6em;letter-spacing:.06em;vertical-align:.18em;color:var(--star)}
.spec span{display:block;margin-top:8px;font-size:14px;line-height:1.35;color:var(--ink2)}

/* B · inspector: lo que ve Google de esta página */
.insp{display:none;background:var(--soft);border:1px solid var(--line);border-radius:16px;overflow:hidden;font-size:13.5px;align-self:center}
.vB .insp{display:block}
.insp .ih{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--page);font:500 11px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.insp .ih span:first-child{display:flex;gap:6px;align-items:center}
.insp .ih i{width:9px;height:9px;border-radius:50%;background:var(--line);display:inline-block}
.insp ol{display:grid}
.insp li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:11px 14px;border-bottom:1px solid var(--line);cursor:default;transition:background .2s}
.insp li:last-child{border-bottom:0}
.insp li:hover,.insp li:focus{background:var(--page);outline:none}
.insp code{font:500 11px/1.4 var(--mono);color:var(--dim);padding-top:2px}
.insp li p{color:var(--ink);line-height:1.4;min-width:0;overflow-wrap:anywhere}
.insp li p small{display:block;color:var(--ink2);font-size:12.5px;margin-top:2px}
.insp .ok{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--mono);color:var(--ok)}
.insp .ok::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok)}
.insp .if{padding:10px 14px;font:500 10.5px/1.4 var(--mono);color:var(--dim);border-top:1px solid var(--line);background:var(--page)}

/* C · ficha técnica: regla, coordenadas y numeración de secciones */
.ruler,.coord,.secn{display:none}
.vC .ruler{display:block;height:14px;margin-top:-1px;background-image:repeating-linear-gradient(90deg,var(--frame) 0 1px,transparent 1px 12px),repeating-linear-gradient(90deg,var(--ink2) 0 1px,transparent 1px 60px);background-size:100% 6px,100% 12px;background-repeat:no-repeat;background-position:0 0,0 0;opacity:.6}
.vC .coord{display:flex;flex-wrap:wrap;gap:6px 22px;justify-content:space-between;padding-top:10px;font:500 11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.vC .secn{display:flex;align-items:center;gap:12px;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);margin-bottom:18px}
.vC .secn::after{content:"";flex:1;height:1px;background:var(--line)}
.vC .secn b{font-weight:500;color:var(--ink)}
.vC .spec{border-top-width:2px}
.spec.fr{border-radius:0;border-left:0;border-right:0;border-bottom:0}
.vA .spec.fr{border:1px dashed var(--frame);border-top:1px solid var(--ink)}
.vC .hero{min-height:calc(100svh - 76px - 22px)}
.vC .title{font-size:clamp(44px,6vw,88px)}


.gr{display:grid;gap:3px;padding:2px 2px 0}
.gr .site{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#202124;min-width:0}
.gr .site i{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;font:600 10px/1 var(--sans);font-style:normal;color:#fff;background:var(--fav,#1A73E8)}
.gr .site span{display:grid;line-height:1.25;min-width:0}
.gr .site small{color:var(--gurl);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gr .t{font-size:16px;line-height:1.3;color:var(--glink)}
.gr .d{font-size:12.5px;color:var(--gurl);line-height:1.4}
.q{background:#fff;box-shadow:0 1px 6px rgba(32,33,36,.18);border-color:transparent}
/* imagen del hero (variante 1): búsqueda real en Google con mapa */
.hvis{display:none}
.vA .hgrid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.vA .hvis{display:block;position:relative;align-self:center}
.hvis::before{content:"";position:absolute;inset:-14% -10% -10% -8%;z-index:-1;background:radial-gradient(40% 45% at 30% 30%,rgba(66,133,244,.20),transparent 70%),radial-gradient(38% 40% at 75% 25%,rgba(251,188,4,.18),transparent 70%),radial-gradient(40% 45% at 70% 80%,rgba(52,168,83,.18),transparent 70%),radial-gradient(30% 35% at 25% 85%,rgba(234,67,53,.14),transparent 70%);filter:blur(10px);pointer-events:none}
.bw{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -36px rgba(32,33,36,.45)}
.bw .bar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--line);background:#F8F9FA}
.bw .bar i{width:9px;height:9px;border-radius:50%;display:block}
.bw .bar i:nth-child(1){background:#FF5F57}.bw .bar i:nth-child(2){background:#FEBC2E}.bw .bar i:nth-child(3){background:#28C840}
.bw .bar span{margin-left:8px;flex:1;background:#fff;border:1px solid var(--line);border-radius:100px;padding:4px 10px;font:500 10.5px/1 var(--mono);color:var(--gurl);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bw .in{padding:14px;display:grid;gap:10px}
.bw .tabs{display:flex;gap:16px;font-size:12.5px;color:var(--gurl);border-bottom:1px solid var(--line);padding-bottom:8px}
.bw .tabs b{font-weight:500;color:#1A73E8;box-shadow:0 10px 0 -7px #1A73E8}
.gmap{height:118px;border-radius:10px;overflow:hidden;position:relative}
.gmap svg{display:block;width:100%;height:100%}
.lp{display:grid;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.lp li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:9px 12px;font-size:12.5px;color:var(--gurl)}
.lp li + li{border-top:1px solid var(--line)}
.lp b{font-weight:500;font-size:14px;color:#202124}
.lp .st{color:var(--star)}
.lp .op{color:#188038}
.lp .cl{color:#D93025}
.lp .go{grid-row:1/3;grid-column:2;align-self:center;display:flex;gap:6px}
.lp .go span{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:#1A73E8;font-size:13px}
.lp .me{background:#F1F6FE}
.hvis figcaption{margin-top:10px;font:500 10.5px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.vA .title{font-size:clamp(40px,4.6vw,66px)}
.vA .hero .fr{padding:10px 14px}
.vA .hcol{gap:clamp(12px,1.8vh,18px)}
.vA .sub{font-size:clamp(17px,1.4vw,19px)}
.vA .spec{margin-top:clamp(18px,3vh,36px)}
@media (max-width:980px){.vA .hgrid{grid-template-columns:minmax(0,1fr)}}

/* avisos que aparecen y se desvanecen en el hueco del hero (variante 3) */
.hero{position:relative}
.notif{display:none;position:absolute;right:48px;top:clamp(20px,6vh,70px);width:min(360px,32%);height:min(62%,440px);pointer-events:none;z-index:2}
.vC .notif{display:block}
.nt{position:absolute;width:min(300px,100%);display:grid;grid-template-columns:38px minmax(0,1fr);gap:4px 12px;align-items:center;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:0 18px 40px -22px rgba(32,33,36,.45);opacity:0;transform:translateY(14px) scale(.97);transition:opacity .6s ease,transform .6s ease}
.nt.on{opacity:1;transform:none}
.nt .ic{grid-row:1/3;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--bg,#1A73E8);color:#fff}
.nt .ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nt b{font:600 13.5px/1.25 var(--sans);color:var(--ink);display:flex;justify-content:space-between;gap:8px}
.nt b small{font:500 10.5px/1.4 var(--mono);color:var(--dim);letter-spacing:.04em;text-transform:uppercase}
.nt p{font-size:13px;line-height:1.35;color:var(--ink2);min-width:0}
.nt .st{color:var(--star);letter-spacing:.06em}
.nt.ring .ic{animation:ring 1.1s ease-in-out infinite}
.nt.ring .ic::after{content:"";position:absolute}
@keyframes ring{0%,100%{transform:rotate(0)}10%{transform:rotate(-14deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(8deg)}50%{transform:rotate(0)}}
.nt .ic{position:relative}
.nt.ring .ic{box-shadow:0 0 0 0 rgba(30,142,62,.45);animation:ring 1.1s ease-in-out infinite,pulse 1.6s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(30,142,62,.4)}100%{box-shadow:0 0 0 14px rgba(30,142,62,0)}}
@media (max-width:1100px){.vC .notif{display:none}}
@media (prefers-reduced-motion:reduce){.nt{transition:none}.nt.ring .ic{animation:none}}

/* modos de avisos */
.vC .notif{display:none}
.vC.m1 .nf1,.vC.m2 .nf1,.vC.m3 .nf3,.vC.m4 .nf4,.vC.m5 .nf5{display:block}
/* 2 · solo iconos */
.ni{position:absolute;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--bg);color:#fff;box-shadow:0 14px 30px -14px var(--bg);opacity:0;transform:scale(.4);transition:opacity .5s ease,transform .5s cubic-bezier(.3,1.6,.5,1)}
.ni svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ni.on{opacity:1;transform:scale(1)}
.ni.out{opacity:0;transform:scale(.8) translateY(-10px);transition:opacity .7s ease,transform .7s ease}
.ni.ring{animation:pulse 1.6s ease-out infinite}
.ni.ring svg{animation:ring 1.1s ease-in-out infinite}
.ni .bd{position:absolute;top:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:#fff;color:var(--bg);font:700 11px/18px var(--sans);text-align:center;box-shadow:0 0 0 2px var(--bg)}
/* 3 · icono con etiqueta mínima */
.np{position:absolute;display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 6px;border-radius:100px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 26px -16px rgba(32,33,36,.45);font:600 13px/1 var(--sans);color:var(--ink);white-space:nowrap;opacity:0;transform:translateX(16px);transition:opacity .5s ease,transform .5s ease}
.np i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--bg);color:#fff;font-style:normal}
.np i svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.np.on{opacity:1;transform:none}
/* 4 · registro de actividad */
.log{position:absolute;right:0;top:4%;width:100%;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.94);overflow:hidden;box-shadow:0 18px 40px -26px rgba(32,33,36,.4)}
.lh{display:flex;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line);font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.lh span:first-child{display:flex;align-items:center;gap:8px}
.lh i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(30,142,62,.15);animation:pulse 1.6s ease-out infinite}
.log ol{display:grid;padding:6px 0;min-height:236px;align-content:start}
.log li{display:grid;grid-template-columns:44px 10px minmax(0,1fr);gap:8px;align-items:center;padding:8px 14px;font:500 12px/1.3 var(--mono);color:var(--ink);transition:opacity .6s,transform .5s;animation:logIn .5s ease}
.log li time{color:var(--dim)}
.log li i{width:8px;height:8px;border-radius:2px;background:var(--bg)}
.log li span{font-family:var(--sans);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@keyframes logIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
/* 5 · móvil con avisos */
@keyframes drop{from{opacity:0;transform:translateY(-14px) scale(.96)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ni,.np,.log li,.ps li{transition:none;animation:none}}

/* ilustraciones de las páginas de ejemplo: un estilo distinto en cada opción del mando */
.ill{display:block;width:100%;height:auto;aspect-ratio:300/130;border-radius:7px;overflow:hidden;margin-bottom:2px}
.ill .ln{fill:none;stroke-linecap:round}
.ill .tx{font:700 15px/1 var(--sans)}
.ill .tx.sign{font-size:9px;letter-spacing:.14em}
/* 1 · plano y colorido */
.m1 .ill .wall{fill:#E8F0FE}.m1 .ill .sky{fill:#D2E3FC}.m1 .ill .floor{fill:#AECBFA}
.m1 .ill .o{fill:#FFFFFF}.m1 .ill .paper{fill:#FFFFFF}.m1 .ill .glass{fill:#C2E7FF}
.m1 .ill .a1{fill:#4285F4}.m1 .ill .a2{fill:#F28B82}.m1 .ill .a3{fill:#FBBC04}.m1 .ill .a4{fill:#34A853}.m1 .ill .a5{fill:#5F6368}
.m1 .ill .ln{stroke:#5F6368;stroke-width:2.5}.m1 .ill .ln.acc{stroke:#EA4335}.m1 .ill .grid path{stroke:rgba(66,133,244,.22);stroke-width:1.5;fill:none}
.m1 .ill .tx{fill:#202124}
/* 2 · línea fina con un solo color */
.m2 .ill .wall,.m2 .ill .sky{fill:#FFFFFF}.m2 .ill .floor{fill:#F1F3F4;stroke:#202124;stroke-width:1.5}
.m2 .ill .o,.m2 .ill .paper,.m2 .ill .glass,.m2 .ill .a2,.m2 .ill .a3,.m2 .ill .a4,.m2 .ill .a5{fill:#FFFFFF;stroke:#202124;stroke-width:1.8}
.m2 .ill .a1{fill:#FDE293;stroke:#202124;stroke-width:1.8}
.m2 .ill .ln{stroke:#202124;stroke-width:1.8}.m2 .ill .ln.acc{stroke:#202124}.m2 .ill .grid path{stroke:#E0E0E0;stroke-width:1;fill:none}
.m2 .ill .tx{fill:#202124}
/* 3 · papel recortado, tonos pastel con sombra suave */
.m5 .ill .wall{fill:#FCE8E6}.m5 .ill .sky{fill:#E6F4EA}.m5 .ill .floor{fill:#F6D7D3}
.m5 .ill .o,.m5 .ill .paper{fill:#FFFFFF}.m5 .ill .glass{fill:#D3E3FD}
.m5 .ill .a1{fill:#A8C7FA}.m5 .ill .a2{fill:#F6AEA9}.m5 .ill .a3{fill:#FDE293}.m5 .ill .a4{fill:#81C995}.m5 .ill .a5{fill:#C4C7C5}
.m5 .ill .o,.m5 .ill .a1,.m5 .ill .a2,.m5 .ill .a3,.m5 .ill .a4{filter:drop-shadow(0 3px 2.5px rgba(60,64,67,.22))}
.m5 .ill .ln{stroke:#9AA0A6;stroke-width:2.5}.m5 .ill .ln.acc{stroke:#EE675C}.m5 .ill .grid path{stroke:rgba(255,255,255,.9);stroke-width:2;fill:none}
.m5 .ill .tx{fill:#3C4043}

/* fotos reales en las páginas de ejemplo (una combinación distinta en cada opción del mando) */
.ph-bverde{background-image:url(../img/a8bd48f6d05f8ae6.jpg)}
.ph-bblanco{background-image:url(../img/a9e0118a5518edba.jpg)}
.ph-tturron{background-image:url(../img/dda0b186f78c4661.jpg)}
.phx{position:relative;width:100%;aspect-ratio:300/140;border-radius:7px;overflow:hidden;margin-bottom:2px;background:#ECEDEF}
.phx > i{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;display:none}
.phx .p1{display:block}
/* bloques */
.blk{padding-block:clamp(80px,10vw,130px) 0}
.blk h2{font:500 clamp(32px,4.2vw,56px)/1.06 var(--disp);letter-spacing:-.035em;text-wrap:balance}
.blk h2 .h2kw{display:block;font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);margin-bottom:16px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px clamp(24px,5vw,80px);align-items:start}
.lead{font:400 clamp(18px,1.5vw,21px)/1.55 var(--sans);color:var(--ink2)}
.lead strong{color:var(--ink);font-weight:600}
.vA .blk .fr{padding:12px 14px}


/* 01 Qué hacemos: tres tratamientos para romper el bloque plano */
.qbox{position:relative;isolation:isolate;margin-top:4px}
.qbg,.qcx,.qcy{display:none}
.qsv{list-style:none;margin:clamp(28px,4vw,48px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,16px)}
.qsv li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:start}
.qsv .qi{grid-row:span 2;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,#fff)}
.qsv .qi svg{width:20px;height:20px;fill:none;stroke:color-mix(in srgb,var(--c) 85%,#000);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.qsv b{font:500 17px/1.25 var(--disp);letter-spacing:-.015em;color:var(--ink)}
.qsv small{font:400 14.5px/1.45 var(--sans);color:var(--ink2)}

/* base común: banda de luz (la que gustó) */
.qh{padding-bottom:clamp(60px,8vw,100px)}
.qbox{padding-block:clamp(44px,6.5vw,90px)}
.qbox::before{content:"";position:absolute;z-index:-3;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:linear-gradient(180deg,#fff 0%,#F7F8FA 18%,#F7F8FA 82%,#fff 100%)}
.qbg{display:block;position:absolute;z-index:-2;inset:0 -6vw;overflow:hidden;pointer-events:none;-webkit-mask:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}
.qbg i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:qflo 16s ease-in-out infinite alternate}
.qbg i:nth-child(1){width:42%;height:70%;left:2%;top:10%;background:#A9C7FB}
.qbg i:nth-child(2){width:36%;height:60%;left:38%;top:35%;background:#A8E0B9;animation-delay:-5s}
.qbg i:nth-child(3){width:34%;height:62%;right:0;top:4%;background:#FCE19A;animation-delay:-10s}
.qbg::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.18;mix-blend-mode:multiply}
@keyframes qflo{0%{transform:translate(0,0) scale(1)}50%{transform:translate(4%,-6%) scale(1.08)}100%{transform:translate(-5%,5%) scale(.95)}}
@keyframes qflo2{0%{transform:translate(0,0) rotate(0) scale(1)}100%{transform:translate(8%,-4%) rotate(25deg) scale(1.12)}}
.qh .lead strong{background:linear-gradient(transparent 62%,#FDE293 62%,#FDE293 92%,transparent 92%);padding:0 .1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.qh .lead strong em{font-style:normal}
@media (prefers-reduced-motion:reduce){.qbg i{animation:none}}

/* bloque 01 elegido: luz + tarjetas de cristal */
.qh .qbg i{opacity:.7}
.qh .qsv li{background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border:1px solid rgba(255,255,255,.85);border-radius:18px;padding:20px;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 18px 40px -24px rgba(30,40,70,.45);transition:transform .3s,box-shadow .3s}
.qh .qsv li:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 26px 50px -24px rgba(30,40,70,.5)}
.qh .qsv .qi{background:#fff;box-shadow:0 6px 16px -8px color-mix(in srgb,var(--c) 70%,transparent)}

@media (max-width:860px){.qsv{grid-template-columns:minmax(0,1fr)}}



/* bloque 01 frente a la cabecera: tres maneras de que no se repitan */
/* bloque 01 elegido: el color sale del fondo y se mete en las tarjetas */
.qh .qbox::before{background:#fff}
.qh .qbg{display:none}
.qh .qbox{padding-block:clamp(20px,3vw,40px) 0}
.qh .qsv{gap:clamp(14px,2vw,22px)}
.qh .qsv li{position:relative;isolation:isolate;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}
.qh .qsv li::before{content:"";position:absolute;z-index:-1;left:12%;right:12%;bottom:-14px;height:70%;border-radius:50%;background:var(--c);filter:blur(28px);opacity:.38;transition:opacity .3s,transform .3s}
.qh .qsv li::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(160deg,#fff 40%,color-mix(in srgb,var(--c) 12%,#fff))}
.qh .qsv li:hover::before{opacity:.6;transform:translateY(4px)}
.qh .qsv .qi{background:var(--c);box-shadow:0 8px 18px -8px var(--c)}
.qh .qsv .qi svg{stroke:#fff}
.qh .qsv li:nth-child(3) .qi svg{stroke:#5C4300}

@keyframes qflo2{0%{transform:translate(0,0) rotate(0) scale(1)}100%{transform:translate(8%,-4%) rotate(25deg) scale(1.12)}}

/* cabecera con la misma luz del bloque 01, más contenida */
.hero{isolation:isolate}
.hbg{position:absolute;z-index:-1;top:-40px;bottom:-30px;left:50%;width:100vw;transform:translateX(-50%);overflow:hidden;pointer-events:none;-webkit-mask:linear-gradient(180deg,transparent 0%,#000 18%,#000 80%,transparent 100%);mask:linear-gradient(180deg,transparent 0%,#000 18%,#000 80%,transparent 100%)}
.hbg i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.62;animation:qflo 18s ease-in-out infinite alternate}
.hbg i:nth-child(1){width:40%;height:62%;left:-6%;top:36%;background:#A9C7FB}
.hbg i:nth-child(2){width:36%;height:66%;left:50%;top:26%;background:#A8E0B9;animation-delay:-6s}
.hbg i:nth-child(3){width:34%;height:60%;right:-6%;top:0;background:#FCE19A;animation-delay:-12s}
.hbg::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.14;mix-blend-mode:multiply}
@media (prefers-reduced-motion:reduce){.hbg i{animation:none}}
/* botones: el principal con halo de color, el secundario de cristal */
.ctas .btn{position:relative;transition:transform .25s,box-shadow .25s}
.ctas .btn:not(.ghost){box-shadow:0 14px 30px -12px rgba(17,17,17,.45)}
.ctas .btn:not(.ghost)::before{content:"";position:absolute;inset:-3px;z-index:-1;border-radius:inherit;background:linear-gradient(110deg,#A9C7FB,#A8E0B9 50%,#FCE19A);filter:blur(10px);opacity:.9}
.ctas .btn:hover{transform:translateY(-2px)}
.ctas .btn.ghost{background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(17,17,17,.14)}
.ctas .fr,.hcol .fr{isolation:isolate}
/* cifras: barra de cristal con filete de color arriba */
.hero .spec.fr,.vC .hero .spec{border:1px solid rgba(255,255,255,.95);border-radius:18px;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 1px 0 #fff inset,0 20px 44px -28px rgba(30,40,70,.45);padding:0 4px;overflow:hidden}
.hero .spec::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#4285F4,#34A853 50%,#FBBC04)}
.hero .spec div,.hero .spec div + div{padding:18px 18px 20px}
.hero .spec div{border-right-color:rgba(17,17,17,.08)}

/* cómo funciona: tarjetas con boceto de página */
.panel{margin-top:clamp(28px,4vw,44px);background:linear-gradient(135deg,#EEF4FE 0%,#F1F8F3 48%,#FEF8E8 100%);border:1px solid var(--line);border-radius:22px;padding:clamp(16px,2.6vw,32px)}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,18px)}
.card{background:var(--page);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:12px;align-content:start;min-width:0}
.card .n{display:flex;justify-content:space-between;font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.card .say{font:400 16px/1.35 var(--sans);font-style:italic;color:var(--ink2);letter-spacing:0}
.q{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:100px;padding:9px 12px;font-size:13.5px;min-width:0}
.q svg{width:14px;height:14px;stroke:var(--ink2);fill:none;stroke-width:2;flex:none}
.q span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.pg .u{display:flex;align-items:center;gap:6px;padding:7px 10px;border-bottom:1px solid var(--line);background:var(--soft);font:500 10.5px/1 var(--mono);color:var(--ink2);white-space:nowrap;overflow:hidden}
.pg .u i{width:6px;height:6px;border-radius:50%;background:var(--frame);flex:none}
.pg .b{padding:12px;display:grid;gap:7px}
.pg .b s{display:block;height:7px;border-radius:4px;background:#ECEDEF;text-decoration:none}
.pg .b s.hero2{height:54px;border-radius:7px;background:var(--hg,linear-gradient(120deg,#4285F4,#34A853))}
.pg .b s.h{height:11px;width:75%;background:#202124}
.pg .b s.m{width:90%}.pg .b s.s{width:55%}
.pg .b s.btn2{height:20px;width:96px;border-radius:100px;background:var(--cta,#EA4335);margin-top:2px}
.pg .b s.img{height:40px;border-radius:6px;background:linear-gradient(120deg,#FBBC04,#F28B82)}
.to{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;color:var(--ink2)}
.to b{font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border:1px solid var(--ink);border-radius:4px;padding:5px 7px}
.pfoot{margin-top:clamp(18px,2.4vw,26px);display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center}
.pfoot p{font:500 clamp(18px,1.6vw,22px)/1.35 var(--disp);letter-spacing:-.02em;max-width:42ch}

/* reseñas */
.rv{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px clamp(24px,5vw,80px);align-items:center}
.score{display:flex;align-items:center;gap:16px;margin-top:20px}
.score b{font:500 clamp(56px,7vw,96px)/1 var(--disp);letter-spacing:-.05em}
.score .st{font-size:20px;letter-spacing:.08em;color:var(--star)}
.score small{display:block;font:500 11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);margin-top:6px}
.quote{border:1px solid var(--line);border-radius:22px;padding:clamp(22px,3vw,34px);display:grid;gap:18px;background:var(--page)}
.quote p{font:400 clamp(18px,1.6vw,21px)/1.5 var(--sans)}
.who{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ink2)}
.who i{width:38px;height:38px;border-radius:50%;background:#7B1FA2;color:var(--page);display:grid;place-items:center;font:600 13px/1 var(--sans);font-style:normal}
.who b{display:block;color:var(--ink);font-weight:600}
.end{padding:96px 16px 80px;text-align:center;font:500 11px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}


/* ===== home completa ===== */
.lnk{font:600 15px/1 var(--sans);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--frame);padding-bottom:3px}
.lnk:hover{border-color:var(--ink)}
.intro2{max-width:62ch;margin-top:18px;font:400 clamp(17px,1.4vw,19px)/1.55 var(--sans);color:var(--ink2)}
.intro2 span{color:var(--dim)}
.blk h2 + .cs-note,.cs-note,.pr-sub,.sv-p{font:400 clamp(17px,1.4vw,19px)/1.55 var(--sans);color:var(--ink2);max-width:44ch}
.cs-top,.pr-top,.sv-top,.op-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px clamp(24px,5vw,80px);align-items:end}

/* 03 caso de éxito */
.cs-box{margin-top:clamp(28px,4vw,44px);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 30px 60px -45px rgba(30,40,70,.4)}
.cs-chart{padding:clamp(20px,2.6vw,32px);border-right:1px solid var(--line);position:relative;background:radial-gradient(70% 60% at 100% 0%,#FDF3D6 0%,transparent 70%),radial-gradient(60% 60% at 0% 100%,#E3EDFD 0%,transparent 70%),#fff}
.cs-big{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.cs-big b{font:500 clamp(40px,4.6vw,64px)/1 var(--disp);letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.cs-big small{font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.chart{position:relative;aspect-ratio:600/300}
.chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.chart .grd line{stroke:rgba(17,17,17,.08);stroke-width:1;vector-effect:non-scaling-stroke}
.chart .grd text{font:500 10px var(--mono);fill:var(--dim)}
.chart .seas rect{fill:rgba(251,188,4,.07)}
.cline{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--r,10%)) 0 0);transition:clip-path 1.2s cubic-bezier(.3,.7,.2,1)}
.cdot{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #34A853;box-shadow:0 0 0 6px rgba(52,168,83,.16);transform:translate(-50%,-50%);left:var(--dx,10%);top:var(--dy,90%);transition:left 1.2s cubic-bezier(.3,.7,.2,1),top 1.2s cubic-bezier(.3,.7,.2,1)}
.cs-leg{display:flex;align-items:center;gap:8px;margin-top:10px;font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.cs-leg i{width:14px;height:10px;background:rgba(251,188,4,.18);border-radius:2px}
.cs-side{padding:clamp(20px,2.6vw,32px);display:flex;flex-direction:column;gap:20px}
.cs-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;background:var(--soft);border-radius:14px;padding:5px}
.cs-tabs button{position:relative;overflow:hidden;border:0;background:transparent;border-radius:10px;padding:10px 8px;font:500 13px/1.2 var(--sans);color:var(--ink2);cursor:pointer;text-align:left;display:grid;gap:4px}
.cs-tabs button span{font:500 10px/1 var(--mono);letter-spacing:.08em;color:var(--dim)}
.cs-tabs button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 4px 14px -8px rgba(0,0,0,.3)}
.cs-tabs button i{position:absolute;left:0;bottom:0;height:2px;width:0;background:linear-gradient(90deg,#4285F4,#34A853,#FBBC04)}
.cs-tabs button[aria-selected="true"] i{width:100%}
.cs-tabs.manual button i{animation:none!important;width:0}
@keyframes tbar{to{width:100%}}
.chap{display:none}
.chap.on{display:block;animation:fadeUp .5s ease}
.chap h3{font:500 clamp(22px,2vw,28px)/1.2 var(--disp);letter-spacing:-.025em;margin-bottom:10px}
.chap p{color:var(--ink2);line-height:1.55}
.kpis{display:flex;gap:28px;margin-top:20px;flex-wrap:wrap}
.kpis b{display:block;font:500 34px/1 var(--disp);letter-spacing:-.04em;background:linear-gradient(90deg,#1A73E8,#1E8E3E);-webkit-background-clip:text;background-clip:text;color:transparent}
.kpis small{display:block;margin-top:6px;font-size:13.5px;color:var(--ink2)}
.cs-links{margin-top:auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* 04 opiniones */
.op-top{align-items:end}
.op .score{margin-top:0;justify-content:flex-end;flex-wrap:wrap}
.op-nav{display:flex;gap:8px;margin-left:12px}
.op-nav button{width:42px;height:42px;border-radius:50%;border:1px solid var(--frame);background:#fff;font:400 22px/1 var(--sans);cursor:pointer;color:var(--ink)}
.op-nav button:hover{border-color:var(--ink)}
.rail{list-style:none;margin:clamp(28px,4vw,44px) calc(50% - 50vw) 0;padding:6px max(16px,calc(50vw - 620px + 40px)) 40px;display:grid;grid-auto-flow:column;grid-auto-columns:min(380px,82vw);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(16px,calc(50vw - 620px + 40px));scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.rc{scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px;position:relative;isolation:isolate}
.rc::before{content:"";position:absolute;z-index:-1;left:14%;right:14%;bottom:-12px;height:50%;border-radius:50%;background:var(--glow,#A9C7FB);filter:blur(26px);opacity:.35}
.rc:nth-child(3n+2)::before{--glow:#A8E0B9}.rc:nth-child(3n)::before{--glow:#FCE19A}
.rc .st{color:var(--star);letter-spacing:.08em;font-size:15px}
.rc p{font:400 16px/1.55 var(--sans);color:var(--ink);flex:1}
.rc .who{gap:12px}
.rc .who i{width:38px;height:38px;flex:none}
.rc .who > span{flex:1;min-width:0;font-size:13px;line-height:1.3}
.rc .g{width:20px;height:20px;flex:none}
.op-foot{display:flex;justify-content:flex-end}
.logos{margin-top:clamp(36px,5vw,56px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;border-top:1px solid var(--line);padding-top:22px}
.logos > p{font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.mq{display:flex;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.mq ul{list-style:none;margin:0;padding:0;display:flex;flex:none;gap:48px;padding-right:48px;animation:mq 38s linear infinite}
.mq li{font:600 19px/1 var(--disp);letter-spacing:-.02em;color:#9A9A98;white-space:nowrap}
@keyframes mq{to{transform:translateX(-100%)}}

/* 05 cómo trabajamos */
.pr-box{margin-top:clamp(28px,4vw,44px);border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 30px 60px -45px rgba(30,40,70,.4)}
.pr-steps{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--line);background:var(--soft)}
.pr-steps button{border:0;background:transparent;padding:18px clamp(10px,1.4vw,20px);text-align:left;cursor:pointer;display:grid;gap:4px;border-right:1px solid var(--line);color:var(--ink2)}
.pr-steps button:last-of-type{border-right:0}
.pr-steps .rn{font:500 11px/1 var(--mono);letter-spacing:.08em;color:var(--dim)}
.pr-steps .sh{font:500 clamp(17px,1.5vw,21px)/1.15 var(--disp);letter-spacing:-.02em}
.pr-steps small{font-size:12px;color:var(--dim)}
.pr-steps button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:inset 0 -3px 0 var(--c)}
.pr-steps button[aria-selected="true"] .rn{color:var(--c)}
.pr-fill{display:none}
.pp{display:none;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,56px);padding:clamp(22px,3.4vw,44px);position:relative;isolation:isolate}
.pp::before{content:"";position:absolute;z-index:-1;right:-6%;top:-30%;width:55%;height:120%;border-radius:50%;background:var(--c);filter:blur(90px);opacity:.14}
.pp.on{display:grid;animation:fadeUp .45s ease}
.pl{display:flex;align-items:center;gap:10px;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.pl span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 16%,#fff);color:color-mix(in srgb,var(--c) 80%,#000);font-weight:600}
.ptx h3{font:500 clamp(30px,3.2vw,44px)/1.05 var(--disp);letter-spacing:-.035em;margin:16px 0 12px}
.ptx > p:not(.pl):not(.psv){font-size:clamp(17px,1.4vw,19px);line-height:1.55;color:var(--ink2)}
.ptx > p b{color:var(--ink);font-weight:600}
.ptx .psv{margin:16px 0 22px;font:500 11px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.ptx .psv a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--frame)}
.mp{background:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;gap:10px;align-content:start;box-shadow:0 20px 40px -30px rgba(30,40,70,.45)}
.mp-cap{font:500 10.5px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-bottom:4px}
.mr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:14.5px;line-height:1.4;color:var(--ink2)}
.pp.on .mr,.pp.on .ba > *,.pp.on .rep{animation:fadeUp .5s ease both}
.pp.on .mr:nth-child(3){animation-delay:.08s}.pp.on .mr:nth-child(4){animation-delay:.16s}.pp.on .mr:nth-child(5){animation-delay:.24s}
.mr b{color:var(--ink);font-weight:600}
.mr q{display:block;color:var(--ink);font-weight:600;quotes:none}
.mr small{display:block;font-size:12.5px;color:var(--dim);margin-top:2px}
.mr.dim{opacity:.55}
.mr.nx{border-color:color-mix(in srgb,#34A853 40%,#fff);background:color-mix(in srgb,#34A853 6%,#fff)}
.mi{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font:600 13px/1 var(--sans);flex:none}
.mi.w{background:#FEF3D6;color:#B06000}.mi.g{background:#E6F4EA;color:#1E8E3E}.mi.n{background:var(--soft);color:var(--ink)}.mi.ok{background:#E6F4EA;color:#1E8E3E}
.mv{font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:6px 9px;border-radius:100px}
.mv.ok{background:#E6F4EA;color:#137333}.mv.wt{background:#FEF7E0;color:#B06000}.mv.no{background:#FCE8E6;color:#C5221F}
.ba{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:start}
.bt{font-size:13px;color:var(--ink2);margin-bottom:8px}.bt b{color:var(--ink)}
.ba .bar{align-self:center;font-size:20px;color:var(--dim)}
.pgx{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;font-weight:600;font-size:14px;margin-bottom:8px}
.pgx small{display:block;font-weight:400;font-size:12px;color:var(--dim);margin-top:3px}
.pgx.big{border-style:dashed;color:var(--ink2)}
.pgx.on{border-left:3px solid var(--c)}
.bx{font-size:13px;color:var(--ink2);line-height:1.45}
.rep{display:grid;gap:12px}
.rk{display:flex;justify-content:space-between;font-size:13px;color:var(--ink2)}
.rep svg{width:100%;height:84px;display:block}
.rc2{display:flex;align-items:baseline;gap:10px}.rc2 b{font:500 36px/1 var(--disp);letter-spacing:-.04em}.rc2 span{color:var(--ink2);font-size:14px}
.rdoc{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--ink2);padding:12px;border-radius:12px;background:var(--soft)}
.rdoc i{width:16px;height:20px;border:1.5px solid var(--ink2);border-radius:3px;flex:none}
.qh .jb{margin:clamp(110px,16vw,230px) auto 0;width:fit-content;max-width:min(860px,100%)}
.jb{margin-top:clamp(28px,4vw,44px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 22px;align-items:center;max-width:860px}
.jb-ph{grid-row:span 2;width:84px;height:84px;border-radius:50%;border:1.5px dashed var(--frame);display:grid;place-items:center;text-align:center;font:500 9.5px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);background:radial-gradient(circle at 30% 30%,#E3EDFD,#F1F8F3 60%,#FEF8E8)}
.jb blockquote{margin:0;font:400 clamp(20px,2vw,26px)/1.35 var(--disp);letter-spacing:-.02em}
.jb blockquote b{font-weight:400;background:linear-gradient(transparent 62%,#FDE293 62%,#FDE293 92%,transparent 92%)}
.jb figcaption{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}

/* 06 cómo pensamos */
.pri{list-style:none;margin:clamp(28px,4vw,44px) 0 0;padding:0;position:relative;display:grid;gap:14px}
.pri-rail{position:absolute;left:23px;top:24px;bottom:24px;width:2px;background:var(--line)}
.pri-rail i{position:absolute;left:0;top:0;width:100%;height:var(--rf,0%);background:linear-gradient(180deg,#4285F4,#34A853 40%,#FBBC04 70%,#EA4335)}
.pri li{display:grid;grid-template-columns:48px minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(14px,3vw,40px);align-items:start;opacity:.25;transform:translateY(14px);transition:opacity .6s,transform .6s}
.pri li.show{opacity:1;transform:none}
.pn{position:relative;z-index:1;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font:500 14px/1 var(--mono);background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:0 8px 20px -12px var(--c)}
.pri li.show .pn{border-color:color-mix(in srgb,var(--c) 45%,#fff);color:color-mix(in srgb,var(--c) 80%,#000)}
.pdo{padding-top:8px}
.pdo h3{font:500 clamp(20px,1.9vw,26px)/1.2 var(--disp);letter-spacing:-.025em;margin-bottom:8px}
.pdo p{color:var(--ink2);line-height:1.55}
.px{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--soft)}
.px span{display:flex;align-items:center;gap:6px;font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#C5221F;margin-bottom:8px}
.px svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round}
.px p{font-size:14.5px;line-height:1.5;color:var(--ink2)}

/* 07 servicios */
.svg6{list-style:none;margin:clamp(28px,4vw,44px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px)}
.svg6 li{position:relative;isolation:isolate}
.svg6 li::before{content:"";position:absolute;z-index:-1;left:14%;right:14%;bottom:-12px;height:60%;border-radius:50%;background:var(--c);filter:blur(28px);opacity:.28;transition:opacity .3s,transform .3s}
.svg6 li:hover::before{opacity:.55;transform:translateY(4px)}
.svg6 a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 14px;align-items:center;height:100%;padding:22px;border:1px solid var(--line);border-radius:20px;text-decoration:none;color:var(--ink);background:linear-gradient(160deg,#fff 45%,color-mix(in srgb,var(--c) 10%,#fff))}
.svg6 .qi{grid-column:1;grid-row:1/3;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--c);box-shadow:0 8px 18px -8px var(--c)}
.svg6 .qi svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.svg6 li:nth-child(4) .qi svg{stroke:#5C4300}
.svg6 b{grid-column:2;font:500 17px/1.25 var(--disp);letter-spacing:-.015em}
.svg6 small{grid-column:2;font:500 10.5px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.svg6 .ar{grid-column:3;grid-row:1/3;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:background .25s,border-color .25s}
.svg6 .ar svg{width:15px;height:15px;fill:none;stroke:var(--ink);stroke-width:2}
.svg6 a:hover .ar{background:var(--ink);border-color:var(--ink)}.svg6 a:hover .ar svg{stroke:#fff}
.ecom{margin-top:clamp(28px,4vw,44px);display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:20px 40px;align-items:center;padding:clamp(22px,3vw,36px);border:1px solid var(--line);border-radius:22px;background:var(--soft)}
.ecom .h2kw{font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);margin-bottom:10px}
.ecom h3{font:500 clamp(22px,2.2vw,30px)/1.15 var(--disp);letter-spacing:-.03em;margin-bottom:10px}
.ecom p{color:var(--ink2);line-height:1.55;max-width:62ch}
.ecom p a{color:var(--ink)}
.plat{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.plat li{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:100px;background:#fff;border:1px solid var(--line);font:600 14px/1 var(--sans)}
.plat li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}
.sv-all{margin-top:24px}

/* 08 IA: cápsula de luz */
.cap{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(28px,5vw,72px) clamp(22px,4.4vw,64px);border-radius:32px;overflow:hidden}
.cap-bg{position:absolute;inset:0;z-index:-1;background:#F3F5F8;box-shadow:0 0 0 1px rgba(17,17,17,.06) inset}
.cap-bg i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.8;animation:qflo2 18s ease-in-out infinite alternate}
.cap-bg i:nth-child(1){width:46%;height:85%;right:-6%;top:-20%;background:#A9C7FB}
.cap-bg i:nth-child(2){width:40%;height:80%;left:30%;top:45%;background:#A8E0B9;animation-delay:-6s}
.cap-bg i:nth-child(3){width:42%;height:85%;left:-8%;top:-25%;background:#FCE19A;animation-delay:-12s}
.cap-bg::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,0) 30%)}
.cap-bg::after{content:"";position:absolute;inset:0;z-index:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.16;mix-blend-mode:multiply}
.ia-l p{color:var(--ink2);line-height:1.6;margin-top:16px;font-size:clamp(16px,1.3vw,18px);max-width:52ch}
.ia-l p b{color:var(--ink);font-weight:600}
.ia-l .btn{margin-top:24px}
.ia .btn.ghost{background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.chat{background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);border-radius:20px;padding:16px;display:grid;gap:10px;box-shadow:0 20px 40px -26px rgba(30,40,70,.45)}
.cq{display:flex;justify-content:flex-end}
.cq span{background:#111;color:#fff;border-radius:16px 16px 4px 16px;padding:10px 14px;font-size:14.5px;max-width:85%}
.ca{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:var(--ink2)}
.ca i{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,#4285F4,#34A853 55%,#FBBC04)}
.ca i svg{width:15px;height:15px;fill:#fff;stroke:#fff;stroke-width:1}
.ca b{color:var(--ink);font-weight:600}
.geo{list-style:none;margin:12px 0 0;padding:8px;display:grid;gap:4px;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);border-radius:20px}
.geo li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding:14px;border-radius:14px;transition:background .25s}
.geo li:hover{background:#fff}
.geo li > span{font:500 11px/1 var(--mono);letter-spacing:.08em;color:var(--ink2);padding-top:4px}
.geo b{display:block;font:500 16.5px/1.3 var(--disp);letter-spacing:-.015em}
.geo small{display:block;font-size:14px;color:var(--ink2);margin-top:3px}

/* 09 preguntas */
.fq-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px clamp(24px,5vw,80px);align-items:start}
.fq-g h2{position:sticky;top:90px}
.fq-l{border-top:1px solid var(--line)}
.fq-l details{border-bottom:1px solid var(--line)}
.fq-l summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer}
.fq-l summary::-webkit-details-marker{display:none}
.fq-l h3{font:500 clamp(18px,1.6vw,21px)/1.3 var(--disp);letter-spacing:-.02em}
.fq-l summary i{position:relative;flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);transition:background .25s,transform .3s}
.fq-l summary i::before,.fq-l summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--ink);transform:translate(-50%,-50%)}
.fq-l summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .3s}
.fq-l details[open] summary i{background:#E6F4EA;border-color:#CEEAD6}
.fq-l details[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.fq-l details p{padding:0 48px 24px 0;color:var(--ink2);line-height:1.6;font-size:16.5px}

/* 10 cta final: banda de luz con rejilla y foco */
.ct{padding-bottom:clamp(40px,6vw,80px)}
.ct-box{position:relative;isolation:isolate;padding-block:clamp(56px,8vw,110px);text-align:center;display:grid;justify-items:center}
.ct-box::before{content:"";position:absolute;z-index:-3;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:linear-gradient(180deg,#fff 0%,#F7F8FA 18%,#F7F8FA 82%,#fff 100%)}
.ct-box::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background-image:linear-gradient(rgba(17,17,17,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.06) 1px,transparent 1px);background-size:56px 56px;-webkit-mask:radial-gradient(55% 70% at 50% 50%,#000,transparent 75%);mask:radial-gradient(55% 70% at 50% 50%,#000,transparent 75%)}
.ct-bg{position:absolute;z-index:-2;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);overflow:hidden;pointer-events:none;-webkit-mask:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}
.ct-bg i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.6;animation:qflo 16s ease-in-out infinite alternate}
.ct-bg i:nth-child(1){width:38%;height:70%;left:4%;top:20%;background:#A9C7FB}
.ct-bg i:nth-child(2){width:34%;height:62%;left:36%;top:38%;background:#A8E0B9;animation-delay:-5s}
.ct-bg i:nth-child(3){width:34%;height:64%;right:2%;top:8%;background:#FCE19A;animation-delay:-10s}
.ct-glow{position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);pointer-events:none;background:radial-gradient(420px 320px at var(--mx,50%) var(--my,40%),rgba(255,255,255,.9),transparent 70%);mix-blend-mode:soft-light}
.ct .secn{justify-content:center}
.ct .secn::after{display:none}
.ct-h{font:500 clamp(36px,5.4vw,76px)/1.02 var(--disp);letter-spacing:-.045em;max-width:16ch;text-wrap:balance}
.ct-p{margin-top:20px;max-width:58ch;font-size:clamp(17px,1.4vw,19px);line-height:1.55;color:var(--ink2)}
.ct-b{justify-content:center;margin-top:30px}
.ct .btn.ghost{background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.mi2{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.ct-t{list-style:none;margin:36px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.ct-t li{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:100px;background:rgba(255,255,255,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9);font-size:14px;color:var(--ink2)}
.ct-t li b{color:var(--ink);font-weight:600}
.ct-t svg{width:15px;height:15px;fill:none;stroke:#1E8E3E;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* pie */
.ft{border-top:1px solid var(--ink);margin-top:clamp(20px,3vw,40px);padding:clamp(32px,4vw,56px) 0 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:32px clamp(24px,5vw,80px)}
.ft-brand{font:600 30px/1 var(--sans);letter-spacing:-.04em;color:var(--ink);text-decoration:none}
.ft-brand b{font-weight:600;color:#34A853}
.ft-a p{margin-top:14px;color:var(--ink2);max-width:34ch;line-height:1.5}
.ft-mail{display:inline-block;margin-top:16px;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--frame)}
.ft-n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ft-n p{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:14px}
.ft-n a{display:block;color:var(--ink2);text-decoration:none;font-size:14.5px;padding:5px 0}
.ft-n a:hover{color:var(--ink)}
.ft-b{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}

@media (prefers-reduced-motion:reduce){.cap-bg i,.ct-bg i,.mq ul{animation:none}.pri li{opacity:1;transform:none}.cline,.cdot{transition:none}}
@media (max-width:980px){
 .cs-top,.pr-top,.sv-top,.op-top,.cs-box,.pp,.cap,.fq-g,.ft{grid-template-columns:minmax(0,1fr)}
 .cs-chart{border-right:0;border-bottom:1px solid var(--line)}
 .op .score{justify-content:flex-start}
 .svg6{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pr-steps{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto}
 .fq-g h2{position:static}
 .pri li{grid-template-columns:48px minmax(0,1fr)}.px{grid-column:2}
 .ecom{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
 .svg6{grid-template-columns:minmax(0,1fr)}
 .ba{grid-template-columns:minmax(0,1fr)}.ba .bar{transform:rotate(90deg);justify-self:center}
 .logos{grid-template-columns:minmax(0,1fr)}
 .ft-n{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fq-l details p{padding-right:0}
 .cs-tabs button{font-size:12px}
}


/* bloques anclados al hacer scroll (caso de éxito y cinco pasos) */
.pin{position:relative}
.pin.on .pin-in{position:sticky;top:64px;min-height:calc(100svh - 64px);display:flex;flex-direction:column;justify-content:center;padding-block:24px}
.blk.cs:has(.pin.on),.blk.pr:has(.pin.on){padding-top:clamp(40px,5vw,70px)}
.pin.on .cline,.pin.on .cdot{transition:none}
.pin.on .cs-tabs button i{animation:none!important;width:var(--tp,0%)}
.pin.on .pp.on{animation:fadeUp .35s ease}
@media (max-height:860px){.pin.on .pin-in{padding-block:10px}.pin.on .secn{margin-bottom:10px}.pin.on .blk h2,.pin.on h2{font-size:clamp(28px,3.4vw,44px)}.pin.on .cs-box,.pin.on .pr-box{margin-top:18px}.pin.on .pp{padding:22px 28px}.pin.on .ptx h3{font-size:32px;margin:10px 0 8px}.pin.on .mr{padding:9px 12px}.pin.on .chart{aspect-ratio:600/250}.pin.on .pin-hint{margin-top:8px}}
.pin-hint{display:none}
.pin.on .pin-hint{display:flex;align-items:center;gap:8px;margin-top:14px;font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.pin-hint i{width:60px;height:2px;background:var(--line);position:relative;overflow:hidden;border-radius:2px}
.pin-hint i::after{content:"";position:absolute;inset:0;width:var(--pp,0%);background:linear-gradient(90deg,#4285F4,#34A853,#FBBC04)}


/* menú a pantalla completa: tres pruebas (A en el 1, B en el 2, C en el 3) */
.mn{position:fixed;inset:0;z-index:200;overflow-y:auto;overscroll-behavior:contain;background:#fff;clip-path:circle(0 at var(--ox,60px) var(--oy,38px));transition:clip-path .7s cubic-bezier(.7,0,.2,1)}
.mn[hidden]{display:block;visibility:hidden}
.mn.open{clip-path:circle(150vmax at var(--ox,60px) var(--oy,38px));visibility:visible}
.mn-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.mn-bg i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;animation:qflo 18s ease-in-out infinite alternate}
.mn-bg i:nth-child(1){width:40%;height:60%;left:-8%;top:40%;background:#A9C7FB}
.mn-bg i:nth-child(2){width:36%;height:55%;left:45%;top:55%;background:#A8E0B9;animation-delay:-6s}
.mn-bg i:nth-child(3){width:34%;height:55%;right:-6%;top:-10%;background:#FCE19A;animation-delay:-12s}
.mn-bg::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.14;mix-blend-mode:multiply}
.mn-in{position:relative;max-width:1240px;margin:0 auto;padding:0 clamp(16px,3vw,40px) 32px;min-height:100%;display:flex;flex-direction:column}
.mn-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;flex:none}
.mn-x{justify-self:start;gap:8px;cursor:pointer;background:var(--ink);color:#fff}
.mn-x span{font-size:16px;line-height:0;letter-spacing:0}
.mn-brand{font:600 22px/1 var(--sans);letter-spacing:-.04em;color:var(--ink);text-decoration:none}
.mn-brand b{font-weight:600;color:var(--ink2)}
.mn-ct{justify-self:end}
.mn ul{list-style:none;margin:0;padding:0}
.mn-lb{display:flex;align-items:center;gap:8px;font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);margin-bottom:16px}
.mn .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#34A853;box-shadow:0 0 0 4px rgba(52,168,83,.16);flex:none}
.mn-main a{display:flex;align-items:baseline;gap:14px;padding:5px 0;white-space:nowrap;font:500 clamp(28px,3vw,44px)/1.1 var(--disp);letter-spacing:-.04em;color:var(--ink);text-decoration:none;transition:color .2s}
.mn-main a span{font:500 11px/1 var(--mono);letter-spacing:.06em;color:var(--dim);transform:translateY(-.9em)}
.mn-main a i{font-style:normal;font-size:.6em;opacity:0;transform:translateX(-10px);transition:opacity .25s,transform .25s;color:#34A853}
.mn-main a:hover i{opacity:1;transform:none}
.mn-main ul:hover a{color:#A3A3A0}.mn-main ul:hover a:hover{color:var(--ink)}
.mn-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--ink);padding-top:20px;margin-top:auto}
.mn-where{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:15px;color:var(--ink2)}
.mn-where a{color:var(--ink);font-weight:600;text-decoration:none;border-bottom:1px solid var(--frame)}
.mn-cta{display:flex;align-items:center;gap:20px;margin-left:auto}
.mn-mail{font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--frame)}
.mn .rv1{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.mn.open .rv1{opacity:1;transform:none;transition-delay:calc(.28s + var(--d,0) * .045s)}
html.mn-lock,html.mn-lock body{overflow:hidden}

/* A · lo esencial */
.mnA-g{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px clamp(30px,6vw,100px);align-items:center;padding:clamp(24px,5vh,56px) 0}
.mnA-need ul{display:grid;gap:8px}
.mnA-need a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 16px 12px 12px;border-radius:16px;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);box-shadow:0 1px 0 #fff inset,0 10px 26px -20px rgba(30,40,70,.45);text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}
.mnA-need a:hover{transform:translateX(4px);box-shadow:0 1px 0 #fff inset,0 16px 30px -18px rgba(30,40,70,.5)}
.ni2{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--c);box-shadow:0 8px 16px -8px var(--c)}
.ni2 svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mnA-need li:nth-child(4) .ni2 svg{stroke:#5C4300}
.nt2{font:500 16.5px/1.25 var(--sans)}
.nt2 small{display:block;font:500 10.5px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-top:4px}
.mnA-need a > i{font-style:normal;color:var(--dim);transition:color .2s}
.mnA-need a:hover > i{color:var(--ink)}

/* B · tarjetas + ciudades plegadas */
.mnB-g{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:32px clamp(30px,5vw,80px);align-items:start;padding:clamp(24px,5vh,52px) 0 28px}
.mnB-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mnB-cards li{position:relative;isolation:isolate}
.mnB-cards li::before{content:"";position:absolute;z-index:-1;left:14%;right:14%;bottom:-10px;height:60%;border-radius:50%;background:var(--c);filter:blur(26px);opacity:.3;transition:opacity .3s}
.mnB-cards li:hover::before{opacity:.6}
.mnB-cards a{display:grid;gap:8px;align-content:start;height:100%;padding:20px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(160deg,#fff 45%,color-mix(in srgb,var(--c) 10%,#fff));text-decoration:none;color:var(--ink);transition:transform .25s}
.mnB-cards a:hover{transform:translateY(-3px)}
.mnB-cards .qi{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--c);box-shadow:0 8px 18px -8px var(--c);margin-bottom:6px}
.mnB-cards .qi svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mnB-cards li:nth-child(4) .qi svg{stroke:#5C4300}
.mnB-cards b{font:500 clamp(17px,1.5vw,20px)/1.2 var(--disp);letter-spacing:-.02em}
.mnB-cards small{font:500 10.5px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.mnB-side a{display:block;padding:8px 0;font:500 clamp(20px,1.8vw,26px)/1.15 var(--disp);letter-spacing:-.03em;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.mnB-side a:hover{color:#1E8E3E}
.mnB-where{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:24px}
.mnB-where summary{list-style:none;display:flex;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;font-size:15px;color:var(--ink)}
.mnB-where summary::-webkit-details-marker{display:none}
.mnB-where .sm{margin-left:auto;display:flex;align-items:center;gap:8px;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.mnB-where .sm i{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s}
.mnB-where[open] .sm i{transform:rotate(-135deg)}
.mnB-cities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:4px 18px 18px}
.mnB-cities .mn-lb{margin-bottom:10px}
.cc{display:flex;flex-wrap:wrap;gap:6px}
.cc a{padding:7px 12px;border-radius:100px;border:1px solid var(--line);background:#fff;font-size:13.5px;color:var(--ink);text-decoration:none}
.cc a:hover{border-color:var(--ink)}

/* C · tres puertas */
.mnC-g{flex:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px clamp(30px,6vw,100px);align-items:center;padding:clamp(24px,5vh,56px) 0}
.mnC-doors button{display:flex;align-items:baseline;gap:16px;width:100%;padding:10px 0;border:0;background:none;cursor:pointer;text-align:left;font:500 clamp(32px,3.6vw,54px)/1.08 var(--disp);letter-spacing:-.045em;color:#B3B3B0;transition:color .25s}
.mnC-doors button span{font:500 11px/1 var(--mono);letter-spacing:.06em;color:var(--dim);transform:translateY(-1.1em)}
.mnC-doors button[aria-selected="true"]{color:var(--ink)}
.mnC-doors button[aria-selected="true"] span{color:var(--c)}
.mnC-doors button:hover{color:var(--ink)}
.mnC-panels{position:relative;min-height:340px}
.mnC-p{display:none}
.mnC-p.on{display:block;animation:fadeUp .4s ease}
.mnC-d{font-size:16px;line-height:1.5;color:var(--ink2);margin-bottom:16px;max-width:46ch;padding-left:14px;border-left:3px solid var(--c)}
.mnC-p ul{display:grid;gap:8px}
.mnC-p a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 14px;align-items:center;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);box-shadow:0 1px 0 #fff inset,0 10px 26px -20px rgba(30,40,70,.45);text-decoration:none;color:var(--ink);transition:transform .2s}
.mnC-p a:hover{transform:translateX(4px)}
.mnC-p b{font:500 17.5px/1.2 var(--disp);letter-spacing:-.02em}
.mnC-p small{grid-column:1;font-size:13.5px;color:var(--ink2)}
.mnC-p a i{grid-column:2;grid-row:1/3;font-style:normal;color:var(--c)}
.mnC-city{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;margin-bottom:24px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.mnC-city label{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px}
.mnC-city select{appearance:none;-webkit-appearance:none;font:500 15px/1 var(--sans);padding:11px 40px 11px 14px;border-radius:100px;border:1px solid var(--frame);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23111' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--ink);cursor:pointer}
.mnC-note{font-size:13.5px;color:var(--dim)}

@media (prefers-reduced-motion:reduce){.mn{transition:none}.mn-bg i{animation:none}.mn *{transition:none!important;animation:none!important}}
@media (max-width:980px){.mnA-g,.mnC-g,.mnB-g{grid-template-columns:minmax(0,1fr)}.mnB-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mnC-panels{min-height:0}}
@media (max-width:640px){.mn-brand{display:none}.mn-top{grid-template-columns:1fr 1fr}.mnB-cards{grid-template-columns:minmax(0,1fr)}.mnB-cards a{grid-template-columns:auto minmax(0,1fr);gap:2px 14px;padding:14px;align-items:center}.mnB-cards .qi{grid-row:1/3;margin:0;width:38px;height:38px}.mnB-cards b{font-size:16.5px}.mnB-cities{grid-template-columns:minmax(0,1fr)}.mn-cta{margin-left:0}.mnB-where .sm{display:none}.mnC-doors button{font-size:30px}}

/* menú D: la primera versión completa, para comparar */
.mnD .mn-lb i{width:7px;height:7px;border-radius:50%;background:var(--c)}
.mnD .mn-lb2{margin-top:26px}
.mnD .mn-need{padding:clamp(18px,3vh,32px) 0 clamp(18px,3vh,28px);border-bottom:1px solid var(--line)}
.mnD .mn-need ul{display:flex;flex-wrap:wrap;gap:8px}
.mnD .mn-need a{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border-radius:100px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);font:500 15px/1 var(--sans);color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.mnD .mn-need a i{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 18%,transparent)}
.mnD .mn-need a:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(0,0,0,.4)}
.mnD .mn-grid{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr));gap:28px clamp(20px,3vw,44px);padding:clamp(22px,4vh,40px) 0;flex:1}
.mnD .mn-main a{display:flex;align-items:baseline;gap:14px;padding:5px 0;white-space:nowrap;font:500 clamp(26px,2.6vw,38px)/1.1 var(--disp);letter-spacing:-.04em;color:var(--ink);text-decoration:none}
.mnD .mn-main a span{font:500 11px/1 var(--mono);letter-spacing:.06em;color:var(--dim);transform:translateY(-.9em)}
.mnD .mn-main a i{font-style:normal;font-size:.6em;opacity:0;transform:translateX(-10px);transition:opacity .25s,transform .25s;color:#34A853}
.mnD .mn-main a:hover i{opacity:1;transform:none}
.mnD .mn-main ul:hover a{color:#9A9A98}.mn-main ul:hover a:hover{color:var(--ink)}
.mnD .mn-col a{display:block;padding:7px 0;font:500 16px/1.3 var(--sans);color:var(--ink);text-decoration:none;transition:transform .2s,color .2s}
.mnD .mn-col a small{display:block;font-size:12.5px;color:var(--dim);font-weight:400;margin-top:2px}
.mnD .mn-col a:hover{transform:translateX(4px)}
.mnD .mn-loc li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dashed var(--line);font-size:15px}
.mnD .mn-loc .lk{display:flex;gap:4px}
.mnD .mn-loc .lk a,.mnD .mn-loc .lk s{display:inline-block;width:44px;padding:5px 0;text-align:center;border-radius:100px;font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);background:#fff;transform:none}
.mnD .mn-loc .lk s{visibility:hidden}
.mnD .mn-loc .lk a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.mnD .mn-nac{display:flex;flex-wrap:wrap;gap:6px}
.mnD .mn-nac a{display:inline-block;padding:7px 11px;border-radius:100px;border:1px solid var(--line);background:#fff;font-size:13.5px}
.mnD .mn-nac a:hover{border-color:var(--ink);transform:none}
.mnD .mn-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;border-top:1px solid var(--ink);padding-top:20px}
.mnD .mn-gd ul{display:flex;flex-wrap:wrap;gap:6px 22px}
.mnD .mn-gd a{font-size:14.5px;color:var(--ink2);text-decoration:none;border-bottom:1px solid var(--frame);padding-bottom:2px}
.mnD .mn-gd a:hover{color:var(--ink);border-color:var(--ink)}
.mnD .mn-gd .mn-lb{margin-bottom:10px}
.mnD .mn-cta{display:flex;align-items:center;gap:20px}
@media (max-width:1100px){.mnD .mn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.mnD .mn-grid{grid-template-columns:minmax(0,1fr)}.mnD .mn-need a{font-size:14px;padding:10px 13px}.mnD .mn-foot{flex-direction:column;align-items:flex-start}}


/* menú A: el panel de la derecha cambia según la sección elegida (versión limpia) */
.mnA-g{align-items:start!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important}
.mnA .mn-main{padding-top:6px}
.mnA-r{position:relative;min-height:470px;padding:26px 28px;border-radius:24px;background:rgba(255,255,255,.66);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border:1px solid rgba(255,255,255,.95);box-shadow:0 1px 0 #fff inset,0 30px 60px -40px rgba(30,40,70,.45)}
.mpn{display:none}
.mpn.on{display:block;animation:fadeUp .35s ease}
.mph{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.mph .mn-lb{margin:0}
.mpall{font:600 13.5px/1 var(--sans);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--frame);padding-bottom:3px;white-space:nowrap}
.mpall:hover{border-color:var(--ink)}
.mnA .mn-main a.cur{color:var(--ink)!important}
.mnA .mn-main a.cur i{opacity:1;transform:none}
.mnA .mn-main ul.has a:not(.cur){color:#B0B0AD}
.mn-back{margin-top:18px;border:0;background:none;padding:6px 0;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);cursor:pointer}
.mn-back:hover{color:var(--ink)}
/* filas comunes: sin cajas, separadas por líneas */
.mnA-r ul,.mnA-r ol{list-style:none;margin:0;padding:0}
/* qué necesitas */
.mnA-r .mnA-need ul{display:block}
.mnA-r .mnA-need a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 4px;border-radius:0;background:none;border:0;border-bottom:1px solid var(--line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:padding .2s}
.mnA-r .mnA-need li:last-child a{border-bottom:0}
.mnA-r .mnA-need a:hover{transform:none;padding-left:10px;box-shadow:none}
/* servicios: tres columnas tipográficas */
.svgrp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 22px;padding-top:12px}
.sg{padding:0;border:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.sgh{display:flex;align-items:center;gap:8px;font:500 10.5px/1.25 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink2);margin-bottom:8px;padding-bottom:8px;border-bottom:2px solid var(--c)}
.sgh .ni2{display:none}
.sg ul{display:grid;gap:0}
.sg a{display:block;padding:6px 0;font:500 15px/1.3 var(--sans);color:var(--ink);text-decoration:none;transition:transform .2s,color .2s}
.sg a:hover{transform:translateX(4px);color:#1E8E3E}
/* servicios: mismo estilo que «¿Qué necesitas?», agrupados por tipo */
.svch{display:flex;flex-wrap:wrap;gap:5px;padding:14px 0 6px}
.svch button{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:100px;border:1px solid var(--line);background:#fff;font:500 13px/1 var(--sans);color:var(--ink2);cursor:pointer;transition:all .2s}
.svch button i{width:7px;height:7px;border-radius:50%;background:var(--c)}
.svch button span{font:500 10px/1 var(--mono);color:var(--dim)}
.svch button:hover{border-color:var(--ink);color:var(--ink)}
.svch button[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.svch button[aria-selected="true"] span{color:rgba(255,255,255,.6)}
.svl{display:none!important}
.svl.on{display:block!important;animation:fadeUp .3s ease}
.svl a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:11px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);transition:padding .2s}
.svl li:last-child a{border-bottom:0}
.svl a:hover{padding-left:10px}
.svl a > i{font-style:normal;color:var(--dim);transition:color .2s}
.svl a:hover > i{color:var(--ink)}
.svl li:nth-child(n) .ni2 svg{stroke:#fff}
.svl a[style*="FBBC04"] .ni2 svg{stroke:#5C4300}
/* casos: la marca manda */
.cslist li{border-bottom:1px solid var(--line)}
.cslist li:last-child{border-bottom:0}
.cslist a{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 20px;align-items:center;padding:18px 4px;text-decoration:none;color:var(--ink);transition:padding .25s}
.cslist a:hover{padding-left:12px}
.csn{grid-column:1;font:500 clamp(30px,3vw,44px)/1 var(--disp);letter-spacing:-.045em;color:var(--ink);transition:color .25s}
.cslist a:hover .csn{color:color-mix(in srgb,var(--c) 80%,#000)}
.cst{grid-column:1;display:flex;align-items:center;gap:8px;font:500 10.5px/1.2 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink2)}
.cst::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c)}
.csr{grid-column:2;grid-row:1/3;text-align:right;font-size:13.5px;color:var(--dim);max-width:22ch}
.cslist li:first-child .csr{color:var(--ink);font-weight:500}
.cslist a i{position:absolute;right:4px;top:18px;font-style:normal;opacity:0;transition:opacity .25s;color:var(--c)}
.cslist a:hover i{opacity:1}
.cslist a:hover .csr{opacity:.25}
/* metodología */
.metl{display:block}
.metl li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:2px 14px;align-items:center;padding:11px 4px;border-bottom:1px solid var(--line)}
.metl li:last-child{border-bottom:0}
.metl span{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font:600 11.5px/1 var(--mono);background:color-mix(in srgb,var(--c) 15%,#fff);color:color-mix(in srgb,var(--c) 75%,#000)}
.metl b{font:500 18px/1.2 var(--disp);letter-spacing:-.02em}
.metl small{font-size:14px;color:var(--ink2)}
/* sobre nosotros */
.ab{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;padding:16px 0}
.ab-ph{width:88px;height:88px;border-radius:50%;border:1.5px dashed var(--frame);display:grid;place-items:center;text-align:center;font:500 9.5px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);background:radial-gradient(circle at 30% 30%,#E3EDFD,#F1F8F3 60%,#FEF8E8)}
.ab-q{font:400 clamp(18px,1.6vw,21px)/1.35 var(--disp);letter-spacing:-.015em}
.ab-who{margin-top:8px;font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.abk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.abk li{padding:14px 14px 14px 0}
.abk li+li{padding-left:14px;border-left:1px solid var(--line)}
.abk b{display:block;font:500 26px/1 var(--disp);letter-spacing:-.04em}.abk em{font-style:normal;font-size:.6em;color:var(--star);vertical-align:.2em}
.abk small{display:block;margin-top:6px;font-size:13px;color:var(--ink2);line-height:1.35}
.ablk{display:flex;flex-wrap:wrap;gap:8px 22px;padding-top:16px}
.ablk a{font-size:15px;font-weight:500;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--frame);padding-bottom:2px}
.ablk a:hover{border-color:var(--ink)}
/* blog: tarjetas */
.bll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:12px}
.bll li{position:relative;isolation:isolate}
.bll li::before{content:"";position:absolute;z-index:-1;left:16%;right:16%;bottom:-10px;height:55%;border-radius:50%;background:var(--c);filter:blur(24px);opacity:.22;transition:opacity .3s,transform .3s}
.bll li:hover::before{opacity:.45;transform:translateY(3px)}
.bll a{display:flex;flex-direction:column;height:100%;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:transform .25s,box-shadow .25s}
.bll a:hover{transform:translateY(-3px);box-shadow:0 18px 34px -22px rgba(30,40,70,.5)}
.blt{position:relative;display:block;height:84px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--c2) 55%,#fff),#fff 85%)}
.blt > i{position:absolute;border-radius:50%;filter:blur(18px)}
.blt > i:nth-child(1){width:90px;height:90px;right:-10px;top:-30px;background:var(--c2);opacity:.9}
.blt > i:nth-child(2){width:70px;height:70px;left:30%;bottom:-40px;background:color-mix(in srgb,var(--c) 45%,#fff);opacity:.7}
.blt::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(17,17,17,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.05) 1px,transparent 1px);background-size:14px 14px;-webkit-mask:linear-gradient(90deg,transparent,#000);mask:linear-gradient(90deg,transparent,#000)}
.bli{position:absolute;left:16px;bottom:14px;z-index:1;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--c);box-shadow:0 8px 16px -8px var(--c)}
.bli svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.blx{display:flex;flex-direction:column;gap:8px;flex:1;padding:14px 16px 16px}
.blc{display:block;font:500 10px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink2)}
.bll b{font:500 17.5px/1.25 var(--disp);letter-spacing:-.02em}
.bll small{margin-top:auto;padding-top:6px;font:600 13px/1 var(--sans);color:var(--ink)}
.bll small em{font-style:normal;display:inline-block;transition:transform .25s;color:var(--c)}
.bll a:hover small em{transform:translateX(4px)}
/* contacto */
.cf{display:grid;gap:12px;padding:14px 0 0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}
.cf-r{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cf label{display:grid;gap:6px;font:500 11px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.cf input[type=text],.cf textarea{width:100%;min-width:0;box-sizing:border-box;font:400 15px/1.4 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink);padding:11px 13px;border-radius:12px;border:1px solid var(--line);background:#fff;resize:vertical}
.cf input[type=text]:focus,.cf textarea:focus{outline:2px solid #A8E0B9;border-color:#34A853}
.cf fieldset{border:0;margin:0;padding:0}
.cf legend{font:500 11px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);margin-bottom:6px}
.cf-ch{display:flex;flex-wrap:wrap;gap:6px}
.cf-ch label{display:block;cursor:pointer}
.cf-ch input{position:absolute;opacity:0;pointer-events:none}
.cf-ch span{display:inline-block;padding:8px 12px;border-radius:100px;border:1px solid var(--line);background:#fff;font:500 13.5px/1 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink)}
.cf-ch input:checked + span{background:var(--ink);border-color:var(--ink);color:#fff}
.cf-ch input:focus-visible + span{outline:2px solid #34A853;outline-offset:2px}
.cf-b{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cf-b .btn{border:0;cursor:pointer}
.cf-ok{font-size:13.5px;color:#1E8E3E}
@media (max-width:980px){.mnA-g{grid-template-columns:minmax(0,1fr)!important}.mnA-r{min-height:0}.svgrp{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.mnA-r{padding:18px}.svgrp,.bll{grid-template-columns:minmax(0,1fr)}.cf-r{grid-template-columns:minmax(0,1fr)}.abk{grid-template-columns:minmax(0,1fr)}.abk li+li{border-left:0;padding-left:0;border-top:1px solid var(--line)}.ab{grid-template-columns:minmax(0,1fr)}.csr{grid-column:1;grid-row:auto;text-align:left}}


/* cabecera fija: acompaña durante toda la web */
html{scroll-padding-top:76px}
.hd{position:sticky!important;top:0;z-index:90!important;transition:height .3s ease}
.hd::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid rgba(17,17,17,.07);box-shadow:0 10px 30px -24px rgba(30,40,70,.5);opacity:0;transition:opacity .3s ease}
.hd.stuck{height:64px}
.hd.stuck::before{opacity:1}
.hd .pill{transition:padding .3s ease}
.hd.stuck .pill{padding-block:8px}


/* ===== bloque 02: pruebas (O original, A–E) ===== */
.b02v{display:none}
html:not([data-b02]) .b02v[data-v="S"],html[data-b02="S"] .b02v[data-v="S"],html[data-b02="1"] .b02v[data-v="1"],html[data-b02="2"] .b02v[data-v="2"],html[data-b02="3"] .b02v[data-v="3"],html[data-b02="4"] .b02v[data-v="4"],html[data-b02="5"] .b02v[data-v="5"],html[data-b02="6"] .b02v[data-v="6"],html[data-b02="7"] .b02v[data-v="7"],html[data-b02="8"] .b02v[data-v="8"]{display:block}
/* piezas comunes */
.qbx{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 14px;border-radius:100px;background:#fff;border:1px solid var(--line);box-shadow:0 4px 14px -10px rgba(0,0,0,.35);font-size:14px;color:var(--ink)}
.qbx svg{width:15px;height:15px;flex:none;fill:none;stroke:#4285F4;stroke-width:2.2}
.qbx span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srp{display:grid;gap:3px;font-family:Arial,var(--sans)}
.srp-u{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--gurl);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srp-u i{width:18px;height:18px;border-radius:50%;flex:none;display:grid;place-items:center;font:700 9.5px/1 var(--sans);font-style:normal;color:#fff}
.srp-t{font-size:16px;line-height:1.3;color:var(--glink)}
.srp-d{font-size:13px;line-height:1.4;color:#4D5156}
.mpg{border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 14px 30px -22px rgba(30,40,70,.5)}
.mpg-bar{display:flex;align-items:center;gap:5px;padding:7px 10px;background:#F8F9FA;border-bottom:1px solid var(--line)}
.mpg-bar i{width:7px;height:7px;border-radius:50%;background:#DADCE0}
.mpg-bar span{margin-left:6px;flex:1;min-width:0;font:500 10px/1 var(--mono);color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff;border:1px solid var(--line);border-radius:100px;padding:4px 8px}
.mpg-hero{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:8px;aspect-ratio:16/10;padding:14px;background-size:cover;background-color:#ECEDEF;isolation:isolate}
.mpg-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.62))}
.mpg-tag{position:absolute;top:10px;left:10px;padding:5px 9px;border-radius:100px;background:#fff;font:600 11px/1 var(--sans);color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.18)}
.mpg-tag::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--c);margin-right:6px;vertical-align:.05em}
.mpg-hero b{font:500 17px/1.2 var(--disp);letter-spacing:-.02em;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.mpg-cta{padding:7px 12px;border-radius:100px;background:#fff;font:600 12px/1 var(--sans);color:var(--ink)}
/* A */
.vA3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(5,auto);gap:0 clamp(12px,1.6vw,18px)}
.vA3 li{grid-row:span 5;display:grid;grid-template-rows:subgrid;gap:14px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px;position:relative;isolation:isolate}
.vA3 li::after{content:"";position:absolute;z-index:-1;left:16%;right:16%;bottom:-10px;height:40%;border-radius:50%;background:var(--c);filter:blur(26px);opacity:.25}
.a-h{display:flex;align-items:center;gap:10px;font:500 11px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink2)}
.a-n{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--c);color:#fff;font:600 12px/1 var(--mono)}
.a-q{font:500 clamp(19px,1.7vw,23px)/1.2 var(--disp);letter-spacing:-.02em}
.a-q small{display:block;margin-top:6px;font:400 14px/1.4 var(--sans);letter-spacing:0;color:var(--ink2)}
.a-s{display:grid;gap:12px;align-content:start;padding-top:14px;border-top:1px dashed var(--line)}
.a-r{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--line);font:600 14.5px/1.2 var(--sans);color:var(--ink)}
.a-r svg{width:16px;height:16px;fill:none;stroke:#1E8E3E;stroke-width:2}
/* B */
.vB3{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2.2fr);gap:clamp(14px,2vw,24px)}
.vB3 .pfoot{grid-column:1/-1}
.b-tabs{display:grid;gap:8px;align-content:start}
.b-tabs button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;text-align:left;padding:14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.6);cursor:pointer;transition:all .2s}
.b-tabs button[aria-selected="true"]{background:#fff;border-color:var(--c);box-shadow:0 12px 26px -18px var(--c)}
.b-n{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font:600 12px/1 var(--mono);background:color-mix(in srgb,var(--c) 15%,#fff);color:color-mix(in srgb,var(--c) 75%,#000)}
.b-tabs button[aria-selected="true"] .b-n{background:var(--c);color:#fff}
.b-t{font:500 17px/1.25 var(--disp);letter-spacing:-.015em;color:var(--ink)}
.b-t small{display:block;margin-top:4px;font:400 13px/1.3 var(--sans);letter-spacing:0;color:var(--ink2)}
.b-stage{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(16px,2.2vw,26px)}
.b-st{display:none}.b-st.on{display:block;animation:fadeUp .4s ease}
.b-flow{display:grid;grid-template-columns:minmax(0,.9fr) auto minmax(0,1.1fr) auto minmax(0,1fr);gap:12px;align-items:start}
.b-step{display:grid;gap:12px}
.b-lb{display:flex;align-items:center;gap:8px;font:500 10.5px/1.25 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.b-lb span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:10px;flex:none}
.b-ar{align-self:center;margin-top:20px;font-size:20px;color:var(--c)}
.b-step .qbx{border-radius:16px;align-items:flex-start}.b-step .qbx span{white-space:normal}.b-step .qbx svg{margin-top:2px}
.b-exp{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);color:var(--ink2);line-height:1.55;max-width:70ch}
/* C */
.vC3{padding-top:clamp(10px,1.4vw,16px)}
.c-head,.c-rows li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,.8fr);gap:18px;align-items:center}
.c-head{padding:6px 18px 10px;font:500 10.5px/1.2 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink2)}
.c-rows{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.c-rows li{padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:16px;border-left:4px solid var(--c)}
.c-who{display:flex;align-items:center;gap:12px}
.c-av{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 15%,#fff);color:color-mix(in srgb,var(--c) 75%,#000);font:600 13px/1 var(--mono)}
.c-who b{display:block;font:500 18px/1.2 var(--disp);letter-spacing:-.015em}
.c-who small{display:block;margin-top:3px;font-size:13px;color:var(--ink2)}
.c-pg{display:flex;align-items:center;gap:12px}
.c-th{width:76px;height:50px;border-radius:9px;flex:none;background-size:cover;background-color:#ECEDEF;box-shadow:0 6px 14px -8px rgba(0,0,0,.4)}
.c-pg b{display:block;font-size:15px}
.c-pg small{display:block;font:500 10px/1.3 var(--mono);color:var(--dim);margin-top:3px;word-break:break-all}
.c-r{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;color:#137333}
.c-r svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2}
/* D */
.d-grid{display:grid;grid-template-columns:minmax(0,1fr) 60px 220px;align-items:stretch}
.d-lanes{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.d-lanes li{display:grid;grid-template-columns:minmax(0,1.15fr) 28px minmax(0,1.1fr) 28px minmax(0,1fr);align-items:center;min-height:92px;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.d-say{display:flex;align-items:center;gap:10px}
.d-av{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--c);color:#fff;font:600 12px/1 var(--mono)}
.d-say b{font:500 16.5px/1.2 var(--disp);letter-spacing:-.015em}
.d-ln{height:2px;background:repeating-linear-gradient(90deg,var(--c) 0 5px,transparent 5px 9px);position:relative}
.d-ln::after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left-color:var(--c)}
.d-pg{display:flex;align-items:center;gap:10px}
.d-pg .c-th{width:64px;height:44px}
.d-pg b{font-size:14.5px}
.d-merge svg{width:100%;height:100%;display:block}
.d-end{align-self:center;display:grid;justify-items:center;text-align:center;gap:8px;padding:24px 16px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 40px -26px rgba(30,142,62,.6)}
.d-ring{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#1E8E3E;box-shadow:0 0 0 8px rgba(30,142,62,.12),0 0 0 16px rgba(30,142,62,.06);animation:ringP 2.4s ease-in-out infinite}
.d-ring svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2}
@keyframes ringP{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.d-end b{font:500 26px/1 var(--disp);letter-spacing:-.03em}
.d-end small{font-size:13px;color:var(--ink2);line-height:1.4}
/* E */
.e-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px)}
.e-row li{display:grid;grid-template-rows:auto auto auto;gap:14px}
.e-bub{position:relative;display:grid;gap:10px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px -18px rgba(0,0,0,.4)}
.e-bub::after{content:"";position:absolute;left:28px;bottom:-8px;width:14px;height:14px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
.e-bub b{font:500 19px/1.2 var(--disp);letter-spacing:-.02em}
.e-bub > span{display:flex;align-items:center;gap:8px;font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.e-bub .qbx{flex:1;text-transform:none;letter-spacing:0;font:400 13.5px/1 var(--sans);padding:8px 12px;box-shadow:none}
.e-win .mpg{border-radius:14px;box-shadow:0 24px 44px -26px rgba(30,40,70,.55)}
.e-win .mpg-hero{aspect-ratio:4/3}
.e-win .mpg-hero b{font-size:19px}
.e-exp{font-size:14.5px;color:var(--ink2);line-height:1.45}
.e-exp b{color:var(--ink)}
/* mando: grupo bloque 02 */
.dock .b2{border-radius:9px}
.dock .b2[aria-pressed="true"]{background:#1A73E8;border-color:#1A73E8;color:#fff}
.dock .dk-lb{font:500 8.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);text-align:center;margin-bottom:-2px}
@media (max-width:980px){.vA3{grid-template-columns:minmax(0,1fr)}.vA3 li{grid-row:auto;grid-template-rows:none}.vB3{grid-template-columns:minmax(0,1fr)}.b-flow{grid-template-columns:minmax(0,1fr)}.b-ar{transform:rotate(90deg);justify-self:center;margin:0}.c-head{display:none}.c-rows li{grid-template-columns:minmax(0,1fr)}.d-grid{grid-template-columns:minmax(0,1fr)}.d-merge{display:none}.d-end{margin-top:12px}.d-lanes li{grid-template-columns:minmax(0,1fr);gap:10px}.d-ln{display:none}.e-row{grid-template-columns:minmax(0,1fr)}}


/* bloque 02 · nuevas B, C, D: lo más parecido a Google */
.gbar{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:100px;background:#fff;border:1px solid #DFE1E5;box-shadow:0 1px 6px rgba(32,33,36,.18);font:400 15px/1.2 Arial,var(--sans);color:#202124;min-width:0}
.gbar svg{width:17px;height:17px;flex:none;fill:none;stroke:#9AA0A6;stroke-width:2}
.gbar svg:first-child{stroke:#4285F4}
.gbar span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gtabs{display:flex;gap:16px;padding:10px 4px 0;border-bottom:1px solid #EBEBEB;font:400 13px/1 Arial,var(--sans);color:#5F6368;overflow:hidden;white-space:nowrap}
.gtabs b,.gtabs span{padding-bottom:9px}
.gtabs b{font-weight:400;color:#1A73E8;box-shadow:inset 0 -3px 0 #1A73E8}
.gtabs.sm{gap:12px;font-size:12px}
.gres{position:relative;display:grid;gap:3px;padding:12px 0;font-family:Arial,var(--sans)}
.gres + .gres{border-top:1px solid #F1F3F4}
.gres .srp-u > span{display:grid;line-height:1.25}
.gres .srp-u b{font-weight:400;color:#202124;font-size:13px}
.gres.me{margin:0 -12px;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--c) 7%,#fff);box-shadow:0 0 0 2px var(--c)}
.gme{position:absolute;top:-9px;right:12px;padding:3px 8px;border-radius:100px;background:var(--c);color:#fff;font:600 10.5px/1 var(--sans)}
.gres:not(.me){opacity:.55}
.gl{padding-top:14px}
/* B */
.vB4{display:grid;gap:16px}
.b4-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.b4-tabs button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;text-align:left;padding:14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.6);cursor:pointer;transition:all .2s}
.b4-tabs button[aria-selected="true"]{background:#fff;border-color:var(--c);box-shadow:0 12px 26px -18px var(--c)}
.b4-tabs button[aria-selected="true"] .b-n{background:var(--c);color:#fff}
.vB4 .b-st{display:none}.vB4 .b-st.on{display:block;animation:fadeUp .4s ease}
.gB{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(16px,2.4vw,32px);align-items:start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(16px,2.2vw,26px)}
.gser{min-width:0}
.gB-r{display:grid;gap:12px}
.gB-lb{display:flex;align-items:center;justify-content:space-between;gap:10px;font:500 10.5px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.gB-lb b{font:600 12px/1 var(--sans);letter-spacing:0;text-transform:none;padding:6px 10px;border-radius:100px;background:color-mix(in srgb,var(--c) 14%,#fff);color:color-mix(in srgb,var(--c) 70%,#000)}
.gB-x{font-size:14.5px;line-height:1.5;color:var(--ink2)}
/* C */
.vC4{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(6,auto);gap:0 clamp(12px,1.6vw,18px)}
.vC4 li{grid-row:span 6;display:grid;grid-template-rows:subgrid;gap:12px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px;position:relative;isolation:isolate}
.vC4 li::after{content:"";position:absolute;z-index:-1;left:16%;right:16%;bottom:-10px;height:40%;border-radius:50%;background:var(--c);filter:blur(26px);opacity:.22}
.c4-f{font:500 10.5px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.c4-f b{color:var(--ink);font-weight:500}
.gfeat{position:relative;border:1px solid #E8EAED;border-radius:12px;overflow:visible;background:#fff;font-family:Arial,var(--sans)}
.gfeat > .gmapS{display:block;width:100%;height:96px;border-radius:12px 12px 0 0}
.gfeat.sm > .gmapS{height:70px}
.lp2{display:grid}
.lp2-i{position:relative;display:grid;gap:3px;padding:10px 12px;border-top:1px solid #F1F3F4;font-size:12.5px;color:#4D5156}
.lp2-i b{font-weight:400;font-size:15px;color:#1A0DAB}
.lp2-i.me{background:color-mix(in srgb,var(--c) 7%,#fff);box-shadow:0 0 0 2px var(--c);border-radius:8px;z-index:1}
.lp2-i:not(.me){opacity:.55}
.lp2-s em{font-style:normal;color:#202124}
.lp2-s i{font-style:normal;color:#F4B400;letter-spacing:.04em}
.lp2-s .op{color:#1E8E3E}.lp2-s .cl{color:#D93025}
.lp2-b{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}
.lp2-b span{padding:6px 10px;border-radius:100px;border:1px solid #DADCE0;font-size:12px;color:#1A73E8;background:#fff}
.paa-h{padding:12px 12px 8px;font-size:15px;color:#202124}
.paa-q{position:relative;border-top:1px solid #E8EAED;padding:12px}
.paa-q b{display:flex;justify-content:space-between;gap:10px;font-weight:400;font-size:14px;color:#202124}
.paa-q b i{font-style:normal;color:#5F6368}
.paa-q p{margin:8px 0 4px;font-size:13px;line-height:1.45;color:#4D5156}
.paa-q.me{background:color-mix(in srgb,var(--c) 7%,#fff);box-shadow:0 0 0 2px var(--c);border-radius:8px}
.paa-q.me .gres{padding:6px 0 0;opacity:1}
.paa-q:not(.me){opacity:.6}
.kp{height:96px;border-radius:12px 12px 0 0;background-size:cover;background-color:#ECEDEF}
.kp-b{display:grid;gap:3px;padding:10px 12px;font-size:12.5px;color:#4D5156;border-bottom:1px solid #F1F3F4}
.kp-b b{font-weight:400;font-size:18px;color:#202124}
.gfeat > .gres.me{margin:10px;border-radius:10px}
.sl{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin-top:6px}
.sl span{font-size:13px;color:#1A0DAB}
/* D · móviles */
.vD4{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.vD4 li{display:grid;grid-template-rows:auto auto auto;gap:14px;justify-items:center}
.d4-q{display:flex;align-items:center;gap:10px;font:500 18px/1.2 var(--disp);letter-spacing:-.015em;justify-self:stretch}
.ph4{width:min(100%,250px);aspect-ratio:9/18.5;border-radius:34px;background:#111;padding:8px;box-shadow:0 30px 60px -34px rgba(0,0,0,.55)}
.ph4-s{height:100%;border-radius:27px;background:#fff;overflow:hidden;padding:0 10px 10px;display:flex;flex-direction:column;gap:8px}
.ph4-n{display:flex;justify-content:space-between;align-items:center;padding:9px 8px 2px;font:600 11px/1 var(--sans)}
.ph4-n i{width:56px;height:16px;border-radius:10px;background:#111;margin-right:30%}
.ph4 .gbar{padding:8px 11px;font-size:12.5px;box-shadow:0 1px 4px rgba(32,33,36,.18)}
.ph4 .gbar svg{width:14px;height:14px}
.ph4 .gtabs{padding-top:4px}
.ph4 .gres{padding:9px;margin:0;font-size:12px}
.ph4 .gres .srp-t{font-size:14px}
.ph4 .gres .srp-d{font-size:12px}
.ph4 .lp2-i{padding:8px 10px}
.ph4 .lp2-i b{font-size:14px}
.ph4 .kp.sm{height:84px;border-radius:12px;flex:none}
.ph4 .kp-b.sm{padding:4px 2px 8px}
.tw{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:8px;align-items:start}
.th{width:58px;height:58px;border-radius:8px;background-size:cover;background-color:#ECEDEF}
.tap{position:relative}
.tap::after{content:"";position:absolute;right:16px;bottom:12px;width:26px;height:26px;border-radius:50%;background:rgba(17,17,17,.18);box-shadow:0 0 0 0 rgba(17,17,17,.25);animation:tapP 2s ease-out infinite}
@keyframes tapP{0%{box-shadow:0 0 0 0 rgba(17,17,17,.28)}70%{box-shadow:0 0 0 14px rgba(17,17,17,0)}100%{box-shadow:0 0 0 0 rgba(17,17,17,0)}}
@media (prefers-reduced-motion:reduce){.tap::after{animation:none}}
@media (max-width:980px){.b4-tabs{grid-template-columns:minmax(0,1fr)}.gB{grid-template-columns:minmax(0,1fr)}.vC4{grid-template-columns:minmax(0,1fr)}.vC4 li{grid-row:auto;grid-template-rows:none}.vD4{grid-template-columns:minmax(0,1fr)}}


/* bloque 02 · B, D, E rehechas a partir de A y C */
.vB5{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(7,auto);gap:0 clamp(12px,1.6vw,18px)}
.vB5 li{grid-row:span 7;display:grid;grid-template-rows:subgrid;gap:12px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px;position:relative;isolation:isolate}
.vB5 li::after{content:"";position:absolute;z-index:-1;left:16%;right:16%;bottom:-10px;height:40%;border-radius:50%;background:var(--c);filter:blur(26px);opacity:.22}
.b5-g,.b5-p{display:grid;gap:8px;align-content:start}
.b5-p{position:relative;padding-top:14px}
.b5-p::before{content:"↓";position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-size:16px;color:var(--c)}
.vD5 li{grid-template-rows:subgrid}
.d5-sw{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:100px;background:var(--soft);border:1px solid var(--line)}
.d5-sw button{border:0;background:transparent;border-radius:100px;padding:8px 10px;font:500 13px/1 var(--sans);color:var(--ink2);cursor:pointer;transition:all .2s}
.d5-sw button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 4px 12px -8px rgba(0,0,0,.35)}
.d5-sw button[aria-pressed="true"]:last-child{background:var(--c);color:#fff}
.d5-v > div{display:none}.d5-v > div.on{display:block;animation:fadeUp .35s ease}
.d5-x{margin-top:12px;font-size:13.5px;line-height:1.5;color:var(--ink2)}
.vD5{grid-template-rows:repeat(6,auto)}
.vD5 li{grid-row:span 6}
.e5-head,.vE5 li{display:grid;grid-template-columns:minmax(0,.95fr) 24px minmax(0,1.05fr) 24px minmax(0,1fr);gap:12px}
.e5-head{padding:4px 18px 10px;font:500 10.5px/1.2 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink2)}
.e5-head span:nth-child(2){grid-column:3}.e5-head span:nth-child(3){grid-column:5}
.vE5{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.vE5 li{align-items:center;padding:18px;background:#fff;border:1px solid var(--line);border-radius:18px;border-left:4px solid var(--c)}
.e5-a{display:grid;gap:12px}
.e5-ar{text-align:center;font-size:20px;color:var(--c)}
.e5-p{display:grid;gap:10px}
@media (max-width:980px){.vB5{grid-template-columns:minmax(0,1fr)}.vB5 li{grid-row:auto;grid-template-rows:none}.e5-head{display:none}.vE5 li{grid-template-columns:minmax(0,1fr)}.e5-ar{transform:rotate(90deg)}}


/* bloque 02 · B, D, E sencillas y visuales */
/* B tres puertas */
.vB6{display:grid;gap:22px}
.b6-site{border-radius:22px;background:#fff;border:1px solid var(--line);overflow:hidden;box-shadow:0 24px 50px -36px rgba(30,40,70,.5)}
.b6-top{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#F8F9FA;border-bottom:1px solid var(--line);font:500 11px/1 var(--mono);color:var(--ink2)}
.b6-top span{width:8px;height:8px;border-radius:50%;background:#DADCE0}.b6-top span:last-of-type{margin-right:8px}
.b6-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,3vw,48px);padding:28px clamp(16px,3vw,44px) 0;align-items:end;background:linear-gradient(180deg,#fff 0%,#F6F7F9 100%)}
.b6-d{display:grid;justify-items:center;gap:14px}
.b6-bub{position:relative;padding:10px 16px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px -18px rgba(0,0,0,.4);font:500 clamp(15px,1.4vw,18px)/1.25 var(--disp);letter-spacing:-.015em;text-align:center}
.b6-bub::after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:translateX(-50%) rotate(45deg)}
.b6-fr{width:min(100%,200px);aspect-ratio:3/4.2;border-radius:100px 100px 0 0;padding:8px 8px 0;background:var(--c);perspective:700px;box-shadow:0 0 0 6px color-mix(in srgb,var(--c) 18%,#fff)}
.b6-door{position:relative;height:100%;border-radius:92px 92px 0 0;background-size:cover;background-color:#ECEDEF;transform-origin:left center;transition:transform .7s cubic-bezier(.3,.7,.2,1),filter .4s;filter:saturate(.9)}
.b6-door i{position:absolute;right:14px;top:55%;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}
.b6-d:hover .b6-door{transform:rotateY(-22deg);filter:saturate(1.1)}
.b6-l{margin-top:-6px;padding:10px 0 16px;font:600 14px/1 var(--sans);color:var(--ink)}
.b6-l::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c);margin-right:8px}
.b6-end{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.b6-end p{flex:1;min-width:240px;font:400 clamp(18px,1.6vw,22px)/1.35 var(--disp);letter-spacing:-.02em}
.b6-end p b{font-weight:500}
.b6-end .d-ring{width:52px;height:52px;flex:none}
/* D escala de intención */
.d6{padding:clamp(20px,3vw,36px) clamp(8px,2vw,20px) 10px}
.d6-track{position:relative;height:215px;margin-right:56px}
.d6-bar{position:absolute;left:0;right:0;top:40px;height:10px;border-radius:10px;background:linear-gradient(90deg,#E8EAED,#F29900 35%,#0F9D58 60%,#4285F4 100%)}
.d6-lb{position:absolute;top:0;font:500 10.5px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink2)}
.d6-lb.l{left:0}.d6-lb.r{right:0}
.d6-end{position:absolute;right:-56px;top:23px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#1E8E3E;box-shadow:0 0 0 7px rgba(30,142,62,.14);animation:ringP 2.4s ease-in-out infinite}
.d6-end svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2}
.d6-m{position:absolute;top:30px;transform:translateX(-50%);display:grid;justify-items:center;gap:16px;width:min(260px,30%)}
.d6-dot{width:30px;height:30px;border-radius:50%;background:#fff;border:6px solid var(--c);box-shadow:0 6px 14px -6px var(--c)}
.d6-c{position:relative;display:grid;gap:10px;justify-items:center;text-align:center;padding:16px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 30px -22px rgba(30,40,70,.5);width:100%}
.d6-c::before{content:"";position:absolute;top:-7px;left:50%;width:12px;height:12px;background:#fff;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:translateX(-50%) rotate(45deg)}
.d6-c b{font:500 clamp(15px,1.3vw,18px)/1.25 var(--disp);letter-spacing:-.015em}
.d6-c > span:not(.d7-th):not(.d7-q){padding:6px 10px;border-radius:100px;background:color-mix(in srgb,var(--c) 14%,#fff);color:color-mix(in srgb,var(--c) 70%,#000);font:600 12.5px/1 var(--sans)}
/* E historia en cuatro pasos */
.vE6{display:grid;gap:18px}
.e6-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.e6-tabs button{padding:11px 18px;border-radius:100px;border:1px solid var(--line);background:rgba(255,255,255,.7);font:500 16px/1 var(--disp);letter-spacing:-.01em;color:var(--ink2);cursor:pointer;transition:all .2s}
.e6-tabs button[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 10px 24px -14px var(--c)}
.e6-stage{border-radius:22px;background:#fff;border:1px solid var(--line);padding:clamp(20px,3vw,36px);min-height:220px}
.e6-sc{display:none;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,.8fr) 28px minmax(0,1fr);align-items:start;gap:8px}
.e6-sc .e6-ar{align-self:start;margin-top:30px}
.e6-sc.on{display:grid}
.e6-st{display:grid;gap:10px;opacity:0;transform:translateY(10px)}
.e6-ar{opacity:0;text-align:center;font-size:20px;color:var(--c)}
.e6-sc.play .e6-st,.e6-sc.play .e6-ar{animation:e6in .5s ease forwards}
.e6-sc.play > :nth-child(1){animation-delay:.05s}.e6-sc.play > :nth-child(2){animation-delay:.5s}.e6-sc.play > :nth-child(3){animation-delay:.7s}.e6-sc.play > :nth-child(4){animation-delay:1.2s}.e6-sc.play > :nth-child(5){animation-delay:1.4s}.e6-sc.play > :nth-child(6){animation-delay:1.9s}.e6-sc.play > :nth-child(7){animation-delay:2.1s}
@keyframes e6in{to{opacity:1;transform:none}}
.e6-k{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);text-align:center}
.e6-q{display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:100px;border:1px solid #DFE1E5;box-shadow:0 1px 6px rgba(32,33,36,.16);font:400 14px/1.2 Arial,var(--sans)}
.e6-q svg{width:15px;height:15px;flex:none;fill:none;stroke:#4285F4;stroke-width:2.2}
.e6-q span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.e6-r{display:grid;gap:4px;padding:12px;border-radius:12px;box-shadow:0 0 0 2px var(--c);background:color-mix(in srgb,var(--c) 6%,#fff);font-family:Arial,var(--sans)}
.e6-u{display:flex;align-items:center;gap:6px;font-size:12px;color:#202124}
.e6-u i{width:16px;height:16px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font:700 9px/1 var(--sans);font-style:normal}
.e6-r b{font-weight:400;font-size:15px;line-height:1.3;color:var(--glink)}
.e6-p{position:relative;aspect-ratio:4/3;border-radius:12px;background-size:cover;background-color:#ECEDEF;box-shadow:0 14px 28px -18px rgba(0,0,0,.5);overflow:hidden}
.e6-p span{position:absolute;left:8px;bottom:8px;padding:5px 9px;border-radius:100px;background:#fff;font:600 11px/1 var(--sans)}
.e6-n{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 32px -18px rgba(30,40,70,.5)}
.e6-n i{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--bg)}
.e6-n i svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:2}
.e6-n b{font:600 13.5px/1.25 var(--sans)}
.e6-n small{display:block;font-weight:400;font-size:12.5px;color:var(--ink2);margin-top:2px}
@media (prefers-reduced-motion:reduce){.e6-st,.e6-ar{opacity:1;transform:none;animation:none!important}}
@media (max-width:980px){.b6-doors{grid-template-columns:minmax(0,1fr);padding-bottom:10px}.b6-fr{width:160px}.d6-track{height:auto;margin:0;display:grid;gap:14px}.d6-bar,.d6-lb,.d6-end{display:none}.d6-m{position:static;transform:none;width:100%}.d6-dot{display:none}.e6-sc{grid-template-columns:minmax(0,1fr)}.e6-ar{transform:rotate(90deg)}}


/* bloque 02 · B y E: la D complementada */
.d7-track{height:320px}
.d7-c{padding:0 0 14px;overflow:hidden;gap:10px}
.d7-th{position:relative;display:block;width:100%;aspect-ratio:16/8;background-size:cover;background-color:#ECEDEF}
.d7-th span{position:absolute;left:8px;bottom:8px;padding:5px 9px;border-radius:100px;background:#fff;font:600 11.5px/1 var(--sans);color:var(--ink)}
.d7-th span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--c);margin-right:6px}
.d7-c b{padding:0 12px}
.d7-q{display:flex;align-items:center;gap:6px;max-width:calc(100% - 24px);font:400 12.5px/1.2 Arial,var(--sans)!important;color:var(--ink2)!important;background:none!important;padding:0!important}
.d7-q svg{width:12px;height:12px;flex:none;fill:none;stroke:#4285F4;stroke-width:2.4}
.d8-track{height:190px}
.d8-m{border:0;background:none;padding:0;cursor:pointer;font:inherit;color:inherit}
.d8-m .d6-c{transition:transform .25s,box-shadow .25s,border-color .25s}
.d8-m:hover .d6-c{transform:translateY(-2px)}
.d8-m[aria-pressed="true"] .d6-c{border-color:var(--c);box-shadow:0 0 0 2px var(--c),0 18px 34px -20px var(--c)}
.d8-m[aria-pressed="true"] .d6-dot{transform:scale(1.25);background:var(--c)}
.d6-dot{transition:transform .25s,background .25s}
.d8-h{text-align:center;font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:2px 0 12px}
.d8-st{border-radius:18px;background:#fff;border:1px solid var(--line);padding:clamp(16px,2.4vw,26px)}
.d8-s{display:none;grid-template-columns:minmax(0,1fr) 28px minmax(0,.7fr) 28px minmax(0,1fr);gap:10px;align-items:start}
.d8-s.on{display:grid;animation:fadeUp .35s ease}
.d8-i{display:grid;gap:10px}
.d8-i > p{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.d8-a{margin-top:32px;text-align:center;font-size:20px;color:var(--c)}
.d8-pg{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;background-size:cover;background-color:#ECEDEF;box-shadow:0 12px 24px -16px rgba(0,0,0,.5)}
.d8-pg span{position:absolute;left:8px;bottom:8px;padding:5px 9px;border-radius:100px;background:#fff;font:600 11px/1 var(--sans)}
@media (max-width:980px){.d7-track,.d8-track{height:auto}.d8-m{display:block}.d8-s{grid-template-columns:minmax(0,1fr)}.d8-a{transform:rotate(90deg);margin:0}}


.dock .b2.free{color:#B5B5B2;border-style:dashed;background:#F4F4F3}
.dock .b2.free[aria-pressed="true"]{background:#9AA0A6;border-color:#9AA0A6;color:#fff}
.dock .b2[data-b02="S"]{font-size:14px}
.b02-empty{display:grid;place-items:center;text-align:center;gap:8px;min-height:220px;border:1.5px dashed var(--frame);border-radius:22px;background:rgba(255,255,255,.5);font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.b02-empty b{display:block;font:500 34px/1 var(--disp);letter-spacing:-.03em;color:#C9C9C6}


/* bloque 02 · 3 a 6: la intención de búsqueda explicada sin tecnicismos */
/* 3 */
.v9{display:grid;gap:18px}
.v9-sw{justify-self:center;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:100px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px -18px rgba(0,0,0,.4)}
.v9-sw button{border:0;background:transparent;border-radius:100px;padding:11px 18px;font:500 14.5px/1 var(--sans);color:var(--ink2);cursor:pointer;transition:all .25s}
.v9-sw button[aria-pressed="true"]{background:var(--ink);color:#fff}
.v9-sw button:last-child[aria-pressed="true"]{background:#1E8E3E}
.v9-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,18px)}
.v9-g li{display:grid;gap:12px;align-content:start;padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px}
.v9-q{font:500 clamp(17px,1.5vw,20px)/1.2 var(--disp);letter-spacing:-.015em}
.v9-r{position:relative;min-height:170px}
.v9-p{display:none}
.v9.pg .v9-h{display:none}.v9.pg .v9-p{display:block;animation:fadeUp .4s ease}
.v9-no{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;border-radius:100px;background:#FCE8E6;color:#C5221F;font:600 12.5px/1 var(--sans)}
.v9-no::before{content:"×";font-size:15px}
.v9-ok{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 10px;border-radius:100px;background:#E6F4EA;color:#137333;font:600 12.5px/1 var(--sans)}
.v9-ok::before{content:"✓"}
.v9-msg{text-align:center;font:400 clamp(17px,1.5vw,20px)/1.35 var(--disp);letter-spacing:-.015em}
.v9-mp{display:none}.v9.pg .v9-mh{display:none}.v9.pg .v9-mp{display:inline}
/* 4 */
.v10{display:grid;gap:14px}
.v10-map{position:relative;height:430px;border-radius:20px;background:#fff;border:1px solid var(--line);overflow:hidden}
.v10-map::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 50% at 50% 50%,#E9F3EC,transparent 70%)}
.v10-ln{position:absolute;inset:0;width:100%;height:100%}
.v10-ln line{stroke:#D7DAD4;stroke-width:1.5;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}
.v10-map ul{list-style:none;margin:0;padding:0}
.v10-c{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;max-width:44%;padding:10px 14px;border-radius:100px;background:#fff;border:1px solid #DFE1E5;box-shadow:0 8px 20px -14px rgba(0,0,0,.4),inset 3px 0 0 var(--c);font:400 14.5px/1.2 Arial,var(--sans);white-space:nowrap;transition:transform .25s}
.v10-c:hover{transform:translate(-50%,-50%) scale(1.04)}
.v10-c svg{width:14px;height:14px;flex:none;fill:none;stroke:#4285F4;stroke-width:2.2}
.v10-c::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--c);margin-left:4px;flex:none}
.v10-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:6px;padding:20px 26px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 40px -24px rgba(30,40,70,.5);text-align:center}
.v10-ic{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#1E8E3E;box-shadow:0 0 0 7px rgba(30,142,62,.12)}
.v10-ic svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linejoin:round}
.v10-core b{font:500 22px/1.1 var(--disp);letter-spacing:-.02em}
.v10-core small{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.v10-leg{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:14px;color:var(--ink2)}
.v10-lt{width:100%;text-align:center;font:500 10.5px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--dim)}
.v10-leg > span:not(.v10-lt){display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--ink)}
.v10-leg i{width:9px;height:9px;border-radius:50%;background:var(--c)}
/* 5 */
.v11{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(14px,2vw,26px);align-items:start}
.v11 .pfoot{grid-column:1/-1}
.v11-k{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);margin-bottom:12px}
.v11-box{border-radius:24px;background:#fff;border:1px solid #DFE1E5;box-shadow:0 4px 18px rgba(32,33,36,.16);overflow:hidden}
.v11-typ{border:0;box-shadow:none;border-bottom:1px solid #E8EAED;border-radius:0;padding:14px 18px}
.v11-car{display:inline-block;width:1.5px;height:17px;background:#1A73E8;margin-left:2px;vertical-align:-3px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.v11-sug{list-style:none;margin:0;padding:6px 0}
.v11-sug button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:11px 18px;border:0;background:none;text-align:left;cursor:pointer;font:400 15px/1.2 Arial,var(--sans);color:#202124;transition:background .15s}
.v11-sug button:hover{background:#F1F3F4}
.v11-sug button[aria-pressed="true"]{background:color-mix(in srgb,var(--c) 9%,#fff)}
.v11-sug svg{width:15px;height:15px;fill:none;stroke:#9AA0A6;stroke-width:2.2}
.v11-sug b{font-weight:700}
.v11-sug em{font:600 11px/1 var(--sans);font-style:normal;padding:5px 9px;border-radius:100px;background:color-mix(in srgb,var(--c) 14%,#fff);color:color-mix(in srgb,var(--c) 70%,#000);white-space:nowrap}
.v11-r{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;min-height:300px}
.v11-o{display:none}.v11-o.on{display:block;animation:fadeUp .35s ease}
.v11-t{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:15px;color:var(--ink2)}
.v11-t i{width:9px;height:9px;border-radius:50%;background:var(--c)}
.v11-t b{color:var(--ink)}
/* 6 */
.v12{display:grid;gap:10px}
.v12-head,.v12-rows li{display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);gap:10px;align-items:center}
.v12-head{padding:0 6px;font:500 10.5px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink2)}
.v12-rows{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.v12-gh{margin-top:6px}
.v12-gh span:last-child{display:flex;align-items:center;gap:8px;font:500 10.5px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink2)}
.v12-gh i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.v12-q{display:flex;align-items:center;gap:8px;padding:11px 15px;border-radius:100px;background:#fff;border:1px solid #DFE1E5;box-shadow:0 1px 5px rgba(32,33,36,.12);font:400 14.5px/1.2 Arial,var(--sans);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v12-q svg{width:14px;height:14px;flex:none;fill:none;stroke:#4285F4;stroke-width:2.2}
.v12-ar{position:relative;height:2px;background:repeating-linear-gradient(90deg,var(--c) 0 6px,transparent 6px 10px)}
.v12-ar::after{content:"";position:absolute;right:-2px;top:-5px;border:6px solid transparent;border-left-color:var(--c)}
.v12-p{display:grid;gap:2px;margin-left:calc(var(--ind,0) * 1px);padding:10px 14px;border-radius:12px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--c)}
.v12-p b{font:500 15.5px/1.2 var(--disp);letter-spacing:-.01em}
.v12-p small{font:500 10.5px/1.2 var(--mono);color:var(--dim)}
@media (max-width:980px){.v9-g{grid-template-columns:minmax(0,1fr)}.v9-sw{grid-template-columns:minmax(0,1fr);border-radius:18px}.v10-map{height:auto;padding:20px;display:grid;gap:10px}.v10-map ul{display:grid;gap:8px}.v10-c,.v10-core{position:static;transform:none;max-width:none}.v10-ln{display:none}.v11{grid-template-columns:minmax(0,1fr)}.v12-head{display:none}.v12-rows li{grid-template-columns:minmax(0,1fr)}.v12-ar{display:none}.v12-gh span:empty{display:none}}


/* bloque 02 · variantes de la sugerencia de Google */
.v11-tx{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom}
.v11.typing .v11-tx{animation:typeIn 1.4s steps(15) forwards;max-width:0}
@keyframes typeIn{to{max-width:9em}}
.v11 .v11-sug li{opacity:1}
.v11.typing .v11-sug li{opacity:0;transform:translateY(-4px);animation:e6in .3s ease forwards}
.v11.typing .v11-sug li:nth-child(1){animation-delay:1.5s}.v11.typing .v11-sug li:nth-child(2){animation-delay:1.6s}.v11.typing .v11-sug li:nth-child(3){animation-delay:1.7s}.v11.typing .v11-sug li:nth-child(4){animation-delay:1.8s}.v11.typing .v11-sug li:nth-child(5){animation-delay:1.9s}
.v11b .v11-r{display:grid}
.v11-dn{display:block;text-align:center;margin:6px 0;font-size:18px;color:var(--dim)}
.v11b .mpg-hero{aspect-ratio:16/8}
.v13{display:grid;gap:12px;justify-items:center}
.v13-box{width:min(100%,640px)}
.v13-l{list-style:none;margin:0;padding:6px 0}
.v13-l button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:12px 18px;border:0;background:none;text-align:left;cursor:pointer;font:400 15px/1.2 Arial,var(--sans);color:#202124}
.v13-l button:hover{background:#F1F3F4}
.v13-l button svg{width:15px;height:15px;fill:none;stroke:#9AA0A6;stroke-width:2.2}
.v13-l b{font-weight:700}
.v13-l em{font:600 11px/1 var(--sans);font-style:normal;padding:5px 9px;border-radius:100px;background:color-mix(in srgb,var(--c) 14%,#fff);color:color-mix(in srgb,var(--c) 70%,#000)}
.v13-a{display:none;padding:4px 30px 14px 48px}
.v13-l li:has(button[aria-expanded="true"]) .v13-a{display:block;animation:fadeUp .3s ease}
.v13-l button[aria-expanded="true"]{background:color-mix(in srgb,var(--c) 8%,#fff)}
.v13 .pfoot{justify-self:stretch}
.v14-ds{display:grid;gap:10px}
.v14-d{display:grid;grid-template-columns:96px minmax(0,1fr);gap:4px 14px;align-items:center;padding:10px;border-radius:16px;background:#fff;border:1px solid var(--line);opacity:.45;filter:grayscale(.6);transition:all .3s}
.v14-ph{grid-row:1/3;width:96px;height:64px;border-radius:10px;background-size:cover;background-color:#ECEDEF}
.v14-d > b{font:500 16px/1.2 var(--disp);letter-spacing:-.01em}
.v14-d > b::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c);margin-right:8px}
.v14-res{display:none}
.v14-d.on{opacity:1;filter:none;border-color:var(--c);box-shadow:0 0 0 2px var(--c),0 18px 34px -22px var(--c)}
.v14-d.on .v14-res{display:block;grid-column:2}
.v14-d .gres.me{margin:4px 0 0;padding:8px 10px;box-shadow:none;background:color-mix(in srgb,var(--c) 6%,#fff)}
.v14-d .gme{display:none}
@media (prefers-reduced-motion:reduce){.v11.typing .v11-tx{animation:none;max-width:none}.v11.typing .v11-sug li{animation:none;opacity:1}}


.dock .b2.star{font-size:15px;color:#E8A600;border-color:#F4C542;background:#FFF8E1}
.dock .b2.star[aria-pressed="true"]{background:#F4B400;border-color:#F4B400;color:#fff;box-shadow:0 0 0 3px rgba(244,180,0,.25)}


/* ===== bloque 03: variantes (★ = tal cual) · colores reales de Multiplag: azul #313652, rojo #E01B4B, noche #0F1722 ===== */
.cs-id,.cs-clogo{display:none}
.mpl{display:inline-flex;align-items:center}
.mpl img{height:30px;width:auto;display:block}
.mpl-w{display:none!important}
.cs-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:100px;font:600 13px/1 var(--sans);letter-spacing:.02em}
.cs-badge svg{width:15px;height:15px;fill:currentColor}
.cs-who{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.cs-meta{display:grid;gap:4px}
.cs-meta b{font:500 20px/1.1 'Ubuntu',var(--disp);letter-spacing:-.01em}
.cs-meta span{font-size:14px;color:var(--ink2)}
html[data-b03] .cs .h2kw{display:none}
/* acentos comunes de marca */
html[data-b03] .cdot{border-color:#E01B4B;box-shadow:0 0 0 6px rgba(224,27,75,.16)}
html[data-b03] .cs-tabs button i{background:#E01B4B}
html[data-b03] .kpis b{background:none;-webkit-text-fill-color:#313652;color:#313652}
html[data-b03] .kpis div:first-child b{-webkit-text-fill-color:#E01B4B;color:#E01B4B}
html[data-b03] .cs-links .btn{background:#E01B4B;box-shadow:0 12px 24px -14px #E01B4B}
html[data-b03] .chart .seas rect{fill:rgba(49,54,82,.05)}
@media (max-width:640px){.cs-who{gap:10px}}
.dock .b3,.dock .b4{border-radius:9px}
.dock .b3[aria-pressed="true"],.dock .b4[aria-pressed="true"]{background:#313652;border-color:#313652;color:#fff}
.dock .b3.free,.dock .b4.free{color:#B5B5B2;border-style:dashed;background:#F4F4F3}
.dock .b3.star,.dock .b4.star{font-size:15px;color:#E8A600;border-color:#F4C542;background:#FFF8E1}
.dock .b3.star[aria-pressed="true"],.dock .b4.star[aria-pressed="true"]{background:#F4B400;border-color:#F4B400;color:#fff;box-shadow:0 0 0 3px rgba(244,180,0,.25)}


/* bloque 03 · variantes de la 3 con banda de pintura difuminada en colores Multiplag */
.cs-bg{display:none}
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs{position:relative;isolation:isolate;padding-bottom:clamp(60px,8vw,100px)}
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-bg{display:block;position:absolute;z-index:-1;left:50%;width:100vw;transform:translateX(-50%);top:clamp(40px,6vw,80px);height:clamp(420px,38vw,520px);overflow:hidden;pointer-events:none}
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-bg i{position:absolute;border-radius:50%;filter:blur(80px);animation:qflo 18s ease-in-out infinite alternate}
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-bg::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.16;mix-blend-mode:multiply}
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-id{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-meta b{display:none}
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-badge{order:2;background:#E01B4B;color:#fff;box-shadow:0 10px 22px -12px #E01B4B}
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-id .mpl img{height:38px}
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-box{box-shadow:0 40px 80px -44px rgba(15,23,34,.55)}
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cline path:last-child{stroke:#313652}
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cline path:first-of-type{fill:rgba(49,54,82,.08)}
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-chart{background:radial-gradient(70% 60% at 100% 0%,#FBE3EA 0%,transparent 70%),#fff}
/* 1 · claro: manchas suaves de rojo y azul sobre blanco */
/* 2 · medio: más pintura, el azul manda */
/* 4 · rojo protagonista, muy difuminado */
/* 5 · oscuro arriba que se funde a blanco: más suave que la 3 */
@media (prefers-reduced-motion:reduce){.cs-bg i{animation:none!important}}


/* bloque 03 · mejoras sobre la 1 (2 a 5): logo con su línea debajo, gráfica blanca en marco, fondo sin tapar el titular */
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-who{display:grid;gap:8px;justify-items:start}
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-meta span{font-size:13px;color:var(--ink2);padding-left:2px}
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-box{background:#fff;border:1px solid rgba(17,17,17,.08);box-shadow:0 1px 0 #fff inset,0 50px 90px -50px rgba(15,23,34,.55),0 0 0 8px rgba(255,255,255,.55)}
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-chart{background:#fff!important}
html:is([data-b03="9"]) .cs-bg{background:#fff;-webkit-mask:linear-gradient(180deg,transparent,#000 14%,#000 80%,transparent);mask:linear-gradient(180deg,transparent,#000 14%,#000 80%,transparent)}
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-bg i:nth-child(4){display:none}
/* 2 · la pintura se aparta a los lados: el titular queda limpio */
/* 3 · la pintura solo detrás de la gráfica: arriba blanco, el marco flota sobre el color */
/* 4 · tonos más claros (sin azul oscuro): rosa y lavanda */
/* 5 · diagonal: la pintura entra por la derecha y baja hacia la izquierda */

/* bloque 03 · versión 2 centrada: la pintura no toca los bordes (máscara elíptica) */


/* bloque 03 · banda a todo el ancho (2–5), suave y sin corte con el bloque anterior */
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-bg{left:50%;right:auto;width:100vw;transform:translateX(-50%);top:-160px;bottom:-60px;height:auto;background:transparent;-webkit-mask:linear-gradient(180deg,transparent 0%,#000 34%,#000 70%,transparent 100%);mask:linear-gradient(180deg,transparent 0%,#000 34%,#000 70%,transparent 100%)}
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-bg i:nth-child(2),html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-bg i:nth-child(4){display:none}
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-bg i{filter:blur(110px)}
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-bg::after{display:none}
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-bg i:nth-child(3){width:34vw;height:46%;right:8vw;left:auto;top:18%;background:#E01B4B;opacity:.14;animation-delay:-12s}
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-bg i:nth-child(1){width:38vw;height:48%;left:7vw;top:auto;bottom:6%;background:#8C92C4;opacity:.4}
html:is([data-b03="1"],[data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-box{box-shadow:0 1px 0 #fff inset,0 40px 80px -50px rgba(15,23,34,.35),0 0 0 8px rgba(255,255,255,.6)}
/* 2 · muy suave */
/* 3 · algo más de color, manchas más grandes */
/* 4 · rosa en lugar de rojo, aún más ligero */
html[data-b03="1"] .cs-bg i:nth-child(3){background:#F5A3B8;opacity:.32;top:34%}
html[data-b03="2"] .cs-bg i:nth-child(3){background:#F5A3B8;opacity:.32;top:34%}
html[data-b03="4"] .cs-bg i:nth-child(3){background:#F5A3B8;opacity:.32;top:34%}
html[data-b03="5"] .cs-bg i:nth-child(3){background:#F5A3B8;opacity:.32;top:34%}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-bg i:nth-child(3){background:#F5A3B8;opacity:.32;top:34%}
html[data-b03="3"] .cs-bg i:nth-child(3){background:#F5A3B8;opacity:.32;top:34%}
html[data-b03="1"] .cs-bg i:nth-child(1){background:#B4B8DA;opacity:.45}
html[data-b03="2"] .cs-bg i:nth-child(1){background:#B4B8DA;opacity:.45}
html[data-b03="4"] .cs-bg i:nth-child(1){background:#B4B8DA;opacity:.45}
html[data-b03="5"] .cs-bg i:nth-child(1){background:#B4B8DA;opacity:.45}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-bg i:nth-child(1){background:#B4B8DA;opacity:.45}
html[data-b03="3"] .cs-bg i:nth-child(1){background:#B4B8DA;opacity:.45}
/* 5 · el color entra muy despacio: fundido más largo arriba */


/* bloque 03 · 2: slider de casos (Multiplag, Virospack, ver todos) */
.cs-nav{display:none}
html:not(:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"])) .cs-slide:not(#csMP){display:none}
html[data-b03="2"] .cs-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 22px}
html[data-b03="4"] .cs-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 22px}
html[data-b03="5"] .cs-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 22px}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 22px}
html[data-b03="3"] .cs-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 22px}
html[data-b03="2"] .cs-nav > button{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;border-radius:100px;border:1px solid var(--line);background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;opacity:.55;filter:grayscale(1);transition:all .25s;font:600 14px/1 var(--sans);color:var(--ink)}
html[data-b03="4"] .cs-nav > button{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;border-radius:100px;border:1px solid var(--line);background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;opacity:.55;filter:grayscale(1);transition:all .25s;font:600 14px/1 var(--sans);color:var(--ink)}
html[data-b03="5"] .cs-nav > button{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;border-radius:100px;border:1px solid var(--line);background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;opacity:.55;filter:grayscale(1);transition:all .25s;font:600 14px/1 var(--sans);color:var(--ink)}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-nav > button{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;border-radius:100px;border:1px solid var(--line);background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;opacity:.55;filter:grayscale(1);transition:all .25s;font:600 14px/1 var(--sans);color:var(--ink)}
html[data-b03="3"] .cs-nav > button{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;border-radius:100px;border:1px solid var(--line);background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;opacity:.55;filter:grayscale(1);transition:all .25s;font:600 14px/1 var(--sans);color:var(--ink)}
html[data-b03="2"] .cs-nav > button img{height:20px;width:auto;display:block}
html[data-b03="4"] .cs-nav > button img{height:20px;width:auto;display:block}
html[data-b03="5"] .cs-nav > button img{height:20px;width:auto;display:block}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-nav > button img{height:20px;width:auto;display:block}
html[data-b03="3"] .cs-nav > button img{height:20px;width:auto;display:block}
html[data-b03="2"] .cs-nav > button:hover{opacity:.85;filter:none}
html[data-b03="4"] .cs-nav > button:hover{opacity:.85;filter:none}
html[data-b03="5"] .cs-nav > button:hover{opacity:.85;filter:none}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-nav > button:hover{opacity:.85;filter:none}
html[data-b03="3"] .cs-nav > button:hover{opacity:.85;filter:none}
html[data-b03="2"] .cs-nav > button[aria-selected="true"]{opacity:1;filter:none;border-color:var(--ink);box-shadow:0 10px 24px -16px rgba(0,0,0,.45);background:#fff}
html[data-b03="4"] .cs-nav > button[aria-selected="true"]{opacity:1;filter:none;border-color:var(--ink);box-shadow:0 10px 24px -16px rgba(0,0,0,.45);background:#fff}
html[data-b03="5"] .cs-nav > button[aria-selected="true"]{opacity:1;filter:none;border-color:var(--ink);box-shadow:0 10px 24px -16px rgba(0,0,0,.45);background:#fff}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-nav > button[aria-selected="true"]{opacity:1;filter:none;border-color:var(--ink);box-shadow:0 10px 24px -16px rgba(0,0,0,.45);background:#fff}
html[data-b03="3"] .cs-nav > button[aria-selected="true"]{opacity:1;filter:none;border-color:var(--ink);box-shadow:0 10px 24px -16px rgba(0,0,0,.45);background:#fff}
html[data-b03="2"] .cs-nav-all{filter:none!important}
html[data-b03="4"] .cs-nav-all{filter:none!important}
html[data-b03="5"] .cs-nav-all{filter:none!important}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-nav-all{filter:none!important}
html[data-b03="3"] .cs-nav-all{filter:none!important}
html[data-b03="2"] .cs-arr{margin-left:auto;display:flex;align-items:center;gap:10px}
html[data-b03="4"] .cs-arr{margin-left:auto;display:flex;align-items:center;gap:10px}
html[data-b03="5"] .cs-arr{margin-left:auto;display:flex;align-items:center;gap:10px}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-arr{margin-left:auto;display:flex;align-items:center;gap:10px}
html[data-b03="3"] .cs-arr{margin-left:auto;display:flex;align-items:center;gap:10px}
html[data-b03="2"] .cs-arr button{width:46px;height:46px;border-radius:50%;border:1px solid var(--frame);background:#fff;font:400 24px/1 var(--sans);cursor:pointer;color:var(--ink)}
html[data-b03="4"] .cs-arr button{width:46px;height:46px;border-radius:50%;border:1px solid var(--frame);background:#fff;font:400 24px/1 var(--sans);cursor:pointer;color:var(--ink)}
html[data-b03="5"] .cs-arr button{width:46px;height:46px;border-radius:50%;border:1px solid var(--frame);background:#fff;font:400 24px/1 var(--sans);cursor:pointer;color:var(--ink)}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-arr button{width:46px;height:46px;border-radius:50%;border:1px solid var(--frame);background:#fff;font:400 24px/1 var(--sans);cursor:pointer;color:var(--ink)}
html[data-b03="3"] .cs-arr button{width:46px;height:46px;border-radius:50%;border:1px solid var(--frame);background:#fff;font:400 24px/1 var(--sans);cursor:pointer;color:var(--ink)}
html[data-b03="2"] .cs-arr button:hover{border-color:var(--ink)}
html[data-b03="4"] .cs-arr button:hover{border-color:var(--ink)}
html[data-b03="5"] .cs-arr button:hover{border-color:var(--ink)}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-arr button:hover{border-color:var(--ink)}
html[data-b03="3"] .cs-arr button:hover{border-color:var(--ink)}
html[data-b03="2"] .cs-count{font:500 12px/1 var(--mono);letter-spacing:.06em;color:var(--ink2)}
html[data-b03="4"] .cs-count{font:500 12px/1 var(--mono);letter-spacing:.06em;color:var(--ink2)}
html[data-b03="5"] .cs-count{font:500 12px/1 var(--mono);letter-spacing:.06em;color:var(--ink2)}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-count{font:500 12px/1 var(--mono);letter-spacing:.06em;color:var(--ink2)}
html[data-b03="3"] .cs-count{font:500 12px/1 var(--mono);letter-spacing:.06em;color:var(--ink2)}
html[data-b03="2"] .cs-count b{color:var(--ink);font-weight:500}
html[data-b03="4"] .cs-count b{color:var(--ink);font-weight:500}
html[data-b03="5"] .cs-count b{color:var(--ink);font-weight:500}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-count b{color:var(--ink);font-weight:500}
html[data-b03="3"] .cs-count b{color:var(--ink);font-weight:500}
@keyframes csIn{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes csInB{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
/* la 2 hereda todo lo de la 1 */
html[data-b03="2"] .cs{position:relative;isolation:isolate;padding-bottom:clamp(60px,8vw,100px)}
html[data-b03="4"] .cs{position:relative;isolation:isolate;padding-bottom:clamp(60px,8vw,100px)}
html[data-b03="5"] .cs{position:relative;isolation:isolate;padding-bottom:clamp(60px,8vw,100px)}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs{position:relative;isolation:isolate;padding-bottom:clamp(60px,8vw,100px)}
html[data-b03="3"] .cs{position:relative;isolation:isolate;padding-bottom:clamp(60px,8vw,100px)}
/* Virospack: su azul */
#csVP .cline{clip-path:inset(0 calc(100% - var(--r,100%)) 0 0)}
html[data-b03="2"] #csVP .cs-badge{background:#1032CF;box-shadow:0 10px 22px -12px #1032CF}
html[data-b03="4"] #csVP .cs-badge{background:#1032CF;box-shadow:0 10px 22px -12px #1032CF}
html[data-b03="5"] #csVP .cs-badge{background:#1032CF;box-shadow:0 10px 22px -12px #1032CF}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) #csVP .cs-badge{background:#1032CF;box-shadow:0 10px 22px -12px #1032CF}
html[data-b03="3"] #csVP .cs-badge{background:#1032CF;box-shadow:0 10px 22px -12px #1032CF}
html[data-b03="2"] #csVP .cdot{border-color:#1032CF;box-shadow:0 0 0 6px rgba(16,50,207,.14)}
html[data-b03="4"] #csVP .cdot{border-color:#1032CF;box-shadow:0 0 0 6px rgba(16,50,207,.14)}
html[data-b03="5"] #csVP .cdot{border-color:#1032CF;box-shadow:0 0 0 6px rgba(16,50,207,.14)}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) #csVP .cdot{border-color:#1032CF;box-shadow:0 0 0 6px rgba(16,50,207,.14)}
html[data-b03="3"] #csVP .cdot{border-color:#1032CF;box-shadow:0 0 0 6px rgba(16,50,207,.14)}
html[data-b03="2"] #csVP .cs-tabs button i{background:#1032CF}
html[data-b03="4"] #csVP .cs-tabs button i{background:#1032CF}
html[data-b03="5"] #csVP .cs-tabs button i{background:#1032CF}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) #csVP .cs-tabs button i{background:#1032CF}
html[data-b03="3"] #csVP .cs-tabs button i{background:#1032CF}
html[data-b03="2"] #csVP .kpis b{-webkit-text-fill-color:#181830;color:#181830}
html[data-b03="4"] #csVP .kpis b{-webkit-text-fill-color:#181830;color:#181830}
html[data-b03="5"] #csVP .kpis b{-webkit-text-fill-color:#181830;color:#181830}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) #csVP .kpis b{-webkit-text-fill-color:#181830;color:#181830}
html[data-b03="3"] #csVP .kpis b{-webkit-text-fill-color:#181830;color:#181830}
html[data-b03="2"] #csVP .kpis div:first-child b{-webkit-text-fill-color:#1032CF;color:#1032CF}
html[data-b03="4"] #csVP .kpis div:first-child b{-webkit-text-fill-color:#1032CF;color:#1032CF}
html[data-b03="5"] #csVP .kpis div:first-child b{-webkit-text-fill-color:#1032CF;color:#1032CF}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) #csVP .kpis div:first-child b{-webkit-text-fill-color:#1032CF;color:#1032CF}
html[data-b03="3"] #csVP .kpis div:first-child b{-webkit-text-fill-color:#1032CF;color:#1032CF}
html[data-b03="2"] #csVP .cs-links .btn{background:#1032CF;box-shadow:0 12px 24px -14px #1032CF}
html[data-b03="4"] #csVP .cs-links .btn{background:#1032CF;box-shadow:0 12px 24px -14px #1032CF}
html[data-b03="5"] #csVP .cs-links .btn{background:#1032CF;box-shadow:0 12px 24px -14px #1032CF}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) #csVP .cs-links .btn{background:#1032CF;box-shadow:0 12px 24px -14px #1032CF}
html[data-b03="3"] #csVP .cs-links .btn{background:#1032CF;box-shadow:0 12px 24px -14px #1032CF}
html[data-b03="2"] #casos[data-c="vp"] .cs-bg i:nth-child(3){background:#7FB2FF;opacity:.35}
html[data-b03="4"] #casos[data-c="vp"] .cs-bg i:nth-child(3){background:#7FB2FF;opacity:.35}
html[data-b03="5"] #casos[data-c="vp"] .cs-bg i:nth-child(3){background:#7FB2FF;opacity:.35}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) #casos[data-c="vp"] .cs-bg i:nth-child(3){background:#7FB2FF;opacity:.35}
html[data-b03="3"] #casos[data-c="vp"] .cs-bg i:nth-child(3){background:#7FB2FF;opacity:.35}
html[data-b03="2"] #casos[data-c="vp"] .cs-bg i:nth-child(1){background:#9FE3EC;opacity:.5}
html[data-b03="4"] #casos[data-c="vp"] .cs-bg i:nth-child(1){background:#9FE3EC;opacity:.5}
html[data-b03="5"] #casos[data-c="vp"] .cs-bg i:nth-child(1){background:#9FE3EC;opacity:.5}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) #casos[data-c="vp"] .cs-bg i:nth-child(1){background:#F6A98C;opacity:.45}
html[data-b03="3"] #casos[data-c="vp"] .cs-bg i:nth-child(1){background:#9FE3EC;opacity:.5}
html[data-b03="2"] #casos[data-c="all"] .cs-bg i:nth-child(3){background:#F5A3B8;opacity:.25}
html[data-b03="4"] #casos[data-c="all"] .cs-bg i:nth-child(3){background:#F5A3B8;opacity:.25}
html[data-b03="5"] #casos[data-c="all"] .cs-bg i:nth-child(3){background:#F5A3B8;opacity:.25}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) #casos[data-c="all"] .cs-bg i:nth-child(3){background:#F5A3B8;opacity:.25}
html[data-b03="3"] #casos[data-c="all"] .cs-bg i:nth-child(3){background:#F5A3B8;opacity:.25}
html[data-b03="2"] #casos[data-c="all"] .cs-bg i:nth-child(1){background:#9FB8F5;opacity:.4}
html[data-b03="4"] #casos[data-c="all"] .cs-bg i:nth-child(1){background:#9FB8F5;opacity:.4}
html[data-b03="5"] #casos[data-c="all"] .cs-bg i:nth-child(1){background:#9FB8F5;opacity:.4}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) #casos[data-c="all"] .cs-bg i:nth-child(1){background:#9FB8F5;opacity:.4}
html[data-b03="3"] #casos[data-c="all"] .cs-bg i:nth-child(1){background:#9FB8F5;opacity:.4}
html[data-b03="2"] .cs-bg i{transition:background 1s ease,opacity 1s ease}
html[data-b03="4"] .cs-bg i{transition:background 1s ease,opacity 1s ease}
html[data-b03="5"] .cs-bg i{transition:background 1s ease,opacity 1s ease}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-bg i{transition:background 1s ease,opacity 1s ease}
html[data-b03="3"] .cs-bg i{transition:background 1s ease,opacity 1s ease}
/* tarjeta «ver todos» */
.cs-all{display:grid;justify-items:start;gap:14px;padding:clamp(28px,5vw,64px);border-radius:24px;background:#fff;border:1px solid rgba(17,17,17,.08);box-shadow:0 40px 80px -50px rgba(15,23,34,.35),0 0 0 8px rgba(255,255,255,.6);min-height:360px;align-content:center}
.cs-all-k{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.cs-all h3{font:500 clamp(28px,3.2vw,44px)/1.1 var(--disp);letter-spacing:-.035em;max-width:22ch}
.cs-all p{color:var(--ink2);font-size:17px;max-width:52ch}
@media (max-width:640px){html[data-b03="2"] .cs-arr{margin-left:0;width:100%;justify-content:space-between}}
@media (max-width:640px){html[data-b03="3"] .cs-arr{margin-left:0;width:100%;justify-content:space-between}}
@media (max-width:640px){html[data-b03="4"] .cs-arr{margin-left:0;width:100%;justify-content:space-between}}
@media (max-width:640px){html[data-b03="5"] .cs-arr{margin-left:0;width:100%;justify-content:space-between}}
@media (max-width:640px){html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-arr{margin-left:0;width:100%;justify-content:space-between}}


/* bloque 03 · flechas a los lados de la caja (3–6) */
.csw{position:relative}
.csa,.cs-dots{display:none}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-arr{display:none!important}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .csa{display:flex;position:absolute;top:50%;transform:translateY(-50%);z-index:3;align-items:center;gap:10px;border:0;cursor:pointer;font:inherit;color:var(--ink);transition:transform .25s,box-shadow .25s,background .25s}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .csa.prev{left:0} html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .csa.next{right:0}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .csa-l{display:none}
/* 3 · círculos grandes medio fuera de la caja */
@keyframes nudge{0%,70%,100%{transform:translateY(-50%)}80%{transform:translateY(-50%) translateX(6px)}90%{transform:translateY(-50%) translateX(0)}}
/* 4 · pestaña con el logo del siguiente caso, pegada al lateral */
/* 5 · círculos + puntos debajo, sin las pestañas de arriba */
/* 6 · siguiente caso asomando por la derecha */
html[data-b03="2"] .csw{margin-right:clamp(60px,7vw,110px)}
html[data-b03="4"] .csw{margin-right:clamp(60px,7vw,110px)}
html[data-b03="5"] .csw{margin-right:clamp(60px,7vw,110px)}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .csw{margin-right:clamp(60px,7vw,110px)}
html[data-b03="3"] .csw{margin-right:clamp(60px,7vw,110px)}
@media (max-width:980px){html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .csa.prev{left:-10px!important}html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .csa.next{right:-10px!important}html[data-b03="4"] .csa-l,html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .csa-l{display:none!important}html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .csw{margin-right:0}html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .csa.next{top:50%;bottom:auto;transform:translateY(-50%);width:52px;height:52px;border-radius:50%}}
@media (prefers-reduced-motion:reduce){html[data-b03="3"] .csa.next{animation:none}}


/* bloque 03 · slider tipo cartas (2–5): todas las diapositivas ocupan el mismo hueco */
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slides{display:grid;perspective:1600px}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide{display:grid!important;grid-template-rows:auto auto 1fr;grid-area:1/1;visibility:hidden;pointer-events:none;animation:none!important}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide.on{visibility:visible;pointer-events:auto}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide.out{visibility:visible}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide .csw{align-self:stretch;display:grid}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide .cs-box,html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide .cs-all{height:100%}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide > .cs-id,html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide > .cs-top{opacity:0;transition:opacity .35s}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide.on > .cs-id,html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide.on > .cs-top{opacity:1;transition-delay:.2s}
.cs-allk{font:600 22px/1 var(--sans);letter-spacing:-.03em;color:var(--ink)}
.cs-all{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(20px,4vw,56px)}
.cs-all-l{display:grid;gap:18px;justify-items:start}
.cs-all-r{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cs-all-r li{display:grid;gap:4px;padding:16px 18px;border-radius:16px;background:#F7F7FA;border:1px solid var(--line)}
.cs-all-r b{font:500 30px/1 var(--disp);letter-spacing:-.04em}
.cs-all-r span{font-size:13.5px;color:var(--ink2)}
@media (max-width:980px){.cs-all{grid-template-columns:minmax(0,1fr)}}
/* 2 · repartir carta: la nueva entra girada desde la derecha y la anterior se va hacia la izquierda */
@keyframes dealIn{from{opacity:0;transform:translateX(18%) rotate(4deg) scale(.94)}to{opacity:1;transform:none}}
@keyframes dealOut{to{opacity:0;transform:translateX(-14%) rotate(-3deg) scale(.94)}}
@keyframes dealInB{from{opacity:0;transform:translateX(-18%) rotate(-4deg) scale(.94)}to{opacity:1;transform:none}}
@keyframes dealOutB{to{opacity:0;transform:translateX(14%) rotate(3deg) scale(.94)}}
/* 3 · girar carta: la caja da la vuelta como una carta */
@keyframes flipIn{0%,40%{opacity:0;transform:rotateY(-90deg)}41%{opacity:1}100%{opacity:1;transform:none}}
@keyframes flipOut{to{opacity:0;transform:rotateY(90deg)}}
@keyframes flipInB{0%,40%{opacity:0;transform:rotateY(90deg)}41%{opacity:1}100%{opacity:1;transform:none}}
@keyframes flipOutB{to{opacity:0;transform:rotateY(-90deg)}}
/* 4 · mazo: detrás asoman las cartas siguientes y la nueva sube desde el mazo */
@keyframes deckIn{from{transform:translate(18px,18px) scale(.95);opacity:.4}to{transform:none;opacity:1}}
@keyframes deckOut{to{transform:translate(-40%,-6%) rotate(-8deg);opacity:0}}
@keyframes deckOutB{to{transform:translate(18px,18px) scale(.95);opacity:0}}
@keyframes deckInB{from{transform:translate(-40%,-6%) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}
/* 5 · deslizar en abanico: la carta se desliza de lado como en una baraja abierta */
@keyframes fanIn{from{opacity:0;transform:rotate(9deg)}to{opacity:1;transform:none}}
@keyframes fanOut{to{opacity:0;transform:rotate(-9deg)}}
@keyframes fanInB{from{opacity:0;transform:rotate(-9deg)}to{opacity:1;transform:none}}
@keyframes fanOutB{to{opacity:0;transform:rotate(9deg)}}
@media (prefers-reduced-motion:reduce){html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide .csw{animation:none!important}}



/* bloque 03 · pila real de cartas (2–5): la siguiente carta completa está detrás */
.cs-chip,.cs-shade{display:none}
.csw > .cs-box,.csw > .cs-all{margin-top:0!important}
.csw{margin-top:clamp(28px,4vw,44px)}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .csa{display:none!important}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide{visibility:visible!important;pointer-events:none}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide > .cs-id,html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide > .cs-top{opacity:0;transition:opacity .35s;pointer-events:none}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide.on > .cs-id,html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide.on > .cs-top{opacity:1;transition-delay:.25s;pointer-events:auto}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide .csw{margin-right:var(--peek,90px);transition:transform .75s cubic-bezier(.22,.9,.24,1),opacity .55s ease,filter .5s;transform-origin:50% 50%;will-change:transform}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide .csw > .cs-box,html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide .csw > .cs-all{height:100%}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide[data-pos="0"]{z-index:5} html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide[data-pos="1"]{z-index:4} html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide[data-pos="2"]{z-index:3} html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide[data-pos="-1"],html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide[data-pos="-2"]{z-index:6}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide[data-pos="0"] .csw{pointer-events:auto}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide[data-pos="1"] .csw{pointer-events:auto;cursor:pointer}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide[data-pos="-1"] .csw,html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide[data-pos="-2"] .csw{opacity:0;pointer-events:none}
/* sombra que oscurece un poco la carta de detrás y su insignia de marca */
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-shade{display:block;position:absolute;inset:0;z-index:3;border-radius:24px;background:linear-gradient(90deg,rgba(247,247,250,.9) 0%,rgba(247,247,250,.55) 70%,rgba(247,247,250,.25));opacity:0;transition:opacity .5s;pointer-events:none}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide:not([data-pos="0"]) .cs-shade{opacity:1}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-chip{display:flex;flex-direction:column;position:absolute;z-index:4;top:50%;right:22px;transform:translateY(-50%);align-items:center;gap:12px;padding:14px 10px;width:76px;border-radius:100px;background:#fff;box-shadow:0 0 0 1px rgba(17,17,17,.08),0 12px 26px -14px rgba(15,23,34,.45);opacity:0;transition:opacity .4s;pointer-events:none;font:600 13px/1 var(--sans);white-space:nowrap}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-chip img{width:58px;height:auto}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-chip b{font-size:11px;text-align:center;white-space:normal;line-height:1.2}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-chip::after{content:"›";display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font:400 18px/1 var(--sans)}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide[data-pos="1"] .cs-chip{opacity:1;transition-delay:.35s}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide[data-pos="1"] .csw:hover{filter:brightness(1.02)}
/* botón anterior sobre la carta de delante */
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-back{display:none}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide[data-pos="0"]:not([data-c="mp"]) .cs-back{display:grid}
/* 2 · pila recta: la siguiente asoma a la derecha, un poco más pequeña */
/* 3 · pila desordenada: la siguiente asoma girada, como sobre una mesa */
/* 4 · fondo de pila: la siguiente asoma por detrás a la derecha y abajo */
/* 5 · abanico: las cartas giran desde la esquina de abajo */
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slides .csw{margin-right:var(--peek)}
.cs-back{position:absolute;z-index:6;top:50%;left:0;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;border:0;background:#fff;box-shadow:0 0 0 1px rgba(17,17,17,.12),0 14px 30px -14px rgba(15,23,34,.45);font:300 30px/1 var(--sans);cursor:pointer;place-items:center;color:var(--ink)}
@media (max-width:980px){html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slides{--peek:36px!important}html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-chip{right:6px;padding:8px}html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-chip img,html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-chip b{display:none}}
@media (prefers-reduced-motion:reduce){html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide .csw{transition:none}}


/* bloque 03 · arreglo de clics: solo la carta de delante y la que asoma reciben el ratón */
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) #casos .cs-slide,html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) #casos .cs-slide.on{pointer-events:none!important}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) #casos .cs-slide[data-pos="0"] .csw,html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) #casos .cs-slide[data-pos="1"] .csw{pointer-events:auto!important}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) #casos .cs-slide[data-pos="0"] > .cs-id,html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) #casos .cs-slide[data-pos="0"] > .cs-top{pointer-events:auto!important}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) #casos .cs-slide[data-pos="1"] .csw{cursor:pointer}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) #casos .cs-slide[data-pos="1"] .csw *{pointer-events:none!important}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) #casos .cs-back{z-index:9}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-chip{transition:opacity .4s,transform .3s}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide[data-pos="1"] .csw:hover .cs-chip{transform:translateY(-50%) scale(1.06)}
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide:focus-within .cs-back{outline:none}
/* 2 · la 4 con más aire y la carta de detrás más visible */
/* 3 · la 4 con flechas redondas a los dos lados, además de pulsar la carta */
html[data-b03="2"] .cs-slides{--peek:110px;padding-bottom:40px}
html[data-b03="4"] .cs-slides{--peek:110px;padding-bottom:40px}
html[data-b03="5"] .cs-slides{--peek:110px;padding-bottom:40px}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slides{--peek:110px;padding-bottom:40px}
html[data-b03="3"] .cs-slides{--peek:110px;padding-bottom:40px}
html[data-b03="2"] .cs-slide[data-pos="1"] .csw{transform:translate(92px,30px) scale(.97)}
html[data-b03="4"] .cs-slide[data-pos="1"] .csw{transform:translate(92px,30px) scale(.97)}
html[data-b03="5"] .cs-slide[data-pos="1"] .csw{transform:translate(92px,30px) scale(.97)}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide[data-pos="1"] .csw{transform:translate(92px,30px) scale(.97)}
html[data-b03="3"] .cs-slide[data-pos="1"] .csw{transform:translate(92px,30px) scale(.97)}
html[data-b03="2"] .cs-slide[data-pos="2"] .csw{transform:translate(160px,56px) scale(.94);opacity:.75}
html[data-b03="4"] .cs-slide[data-pos="2"] .csw{transform:translate(160px,56px) scale(.94);opacity:.75}
html[data-b03="5"] .cs-slide[data-pos="2"] .csw{transform:translate(160px,56px) scale(.94);opacity:.75}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide[data-pos="2"] .csw{transform:translate(160px,56px) scale(.94);opacity:.75}
html[data-b03="3"] .cs-slide[data-pos="2"] .csw{transform:translate(160px,56px) scale(.94);opacity:.75}
html[data-b03="2"] .cs-slide[data-pos="1"] .csw:hover{transform:translate(104px,30px) scale(.97)}
html[data-b03="4"] .cs-slide[data-pos="1"] .csw:hover{transform:translate(104px,30px) scale(.97)}
html[data-b03="5"] .cs-slide[data-pos="1"] .csw:hover{transform:translate(104px,30px) scale(.97)}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide[data-pos="1"] .csw:hover{transform:translate(104px,30px) scale(.97)}
html[data-b03="3"] .cs-slide[data-pos="1"] .csw:hover{transform:translate(104px,30px) scale(.97)}
html[data-b03="2"] .cs-slide[data-pos="-1"] .csw,html[data-b03="2"] .cs-slide[data-pos="-2"] .csw{transform:translate(-18%,-10px) scale(1.01)}
html[data-b03="4"] .cs-slide[data-pos="-1"] .csw,html[data-b03="4"] .cs-slide[data-pos="-2"] .csw{transform:translate(-18%,-10px) scale(1.01)}
html[data-b03="5"] .cs-slide[data-pos="-1"] .csw,html[data-b03="5"] .cs-slide[data-pos="-2"] .csw{transform:translate(-18%,-10px) scale(1.01)}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide[data-pos="-1"] .csw,html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide[data-pos="-2"] .csw{transform:translate(-18%,-10px) scale(1.01)}
html[data-b03="3"] .cs-slide[data-pos="-1"] .csw,html[data-b03="3"] .cs-slide[data-pos="-2"] .csw{transform:translate(-18%,-10px) scale(1.01)}
html[data-b03="2"] .cs-fwd{display:grid}
html[data-b03="4"] .cs-fwd{display:grid}
html[data-b03="5"] .cs-fwd{display:grid}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-fwd{display:grid}
html[data-b03="3"] .cs-fwd{display:grid}
/* 5 · la 4 con puntos de posición debajo */
.cs-fwd{display:none;position:absolute;z-index:9;top:50%;right:0;transform:translate(50%,-50%);width:54px;height:54px;border-radius:50%;border:0;background:var(--ink);color:#fff;font:300 30px/1 var(--sans);cursor:pointer;place-items:center;box-shadow:0 14px 30px -12px rgba(15,23,34,.6);transition:transform .25s}
.cs-fwd:hover{transform:translate(50%,-50%) scale(1.08)}
html[data-b03="2"] .cs-slide[data-c="all"] .cs-fwd{display:none}
html[data-b03="4"] .cs-slide[data-c="all"] .cs-fwd{display:none}
html[data-b03="5"] .cs-slide[data-c="all"] .cs-fwd{display:none}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slide[data-c="all"] .cs-fwd{display:none}
html[data-b03="3"] .cs-slide[data-c="all"] .cs-fwd{display:none}
html[data-b03="2"] .cs-chip{display:none!important}
html[data-b03="4"] .cs-chip{display:none!important}
html[data-b03="5"] .cs-chip{display:none!important}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-chip{display:none!important}
html[data-b03="3"] .cs-chip{display:none!important}


/* bloque 03 · 2: una flecha a cada lado, fuera de las cartas */
html[data-b03="2"] .cs-slides{--peek:110px}
html[data-b03="4"] .cs-slides{--peek:110px}
html[data-b03="5"] .cs-slides{--peek:110px}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slides{--peek:110px}
html[data-b03="3"] .cs-slides{--peek:110px}
html[data-b03="2"] #casos .cs-fwd,html[data-b03="2"] #casos .cs-back{display:none!important}
html[data-b03="4"] #casos .cs-fwd,html[data-b03="4"] #casos .cs-back{display:none!important}
html[data-b03="5"] #casos .cs-fwd,html[data-b03="5"] #casos .cs-back{display:none!important}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) #casos .cs-fwd,html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) #casos .cs-back{display:none!important}
html[data-b03="3"] #casos .cs-fwd,html[data-b03="3"] #casos .cs-back{display:none!important}
html[data-b03="2"] .cs-slides .csw{margin-left:62px;margin-right:calc(var(--peek) + 62px)}
html[data-b03="4"] .cs-slides .csw{margin-left:62px;margin-right:calc(var(--peek) + 62px)}
html[data-b03="5"] .cs-slides .csw{margin-left:62px;margin-right:calc(var(--peek) + 62px)}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slides .csw{margin-left:62px;margin-right:calc(var(--peek) + 62px)}
html[data-b03="3"] .cs-slides .csw{margin-left:62px;margin-right:calc(var(--peek) + 62px)}
html[data-b03="2"] #casos .cs-slide[data-pos="0"]:not([data-c="all"]) .cs-fwd{display:grid!important;right:calc(-1 * var(--peek) - 62px);transform:translate(0,-50%)}
html[data-b03="4"] #casos .cs-slide[data-pos="0"]:not([data-c="all"]) .cs-fwd{display:grid!important;right:calc(-1 * var(--peek) - 62px);transform:translate(0,-50%)}
html[data-b03="5"] #casos .cs-slide[data-pos="0"]:not([data-c="all"]) .cs-fwd{display:grid!important;right:calc(-1 * var(--peek) - 62px);transform:translate(0,-50%)}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) #casos .cs-slide[data-pos="0"]:not([data-c="all"]) .cs-fwd{display:grid!important;right:calc(-1 * var(--peek) - 62px);transform:translate(0,-50%)}
html[data-b03="3"] #casos .cs-slide[data-pos="0"]:not([data-c="all"]) .cs-fwd{display:grid!important;right:calc(-1 * var(--peek) - 62px);transform:translate(0,-50%)}
html[data-b03="2"] #casos .cs-slide[data-pos="0"]:not([data-c="mp"]) .cs-back{display:grid!important;left:-62px;transform:translate(0,-50%)}
html[data-b03="4"] #casos .cs-slide[data-pos="0"]:not([data-c="mp"]) .cs-back{display:grid!important;left:-62px;transform:translate(0,-50%)}
html[data-b03="5"] #casos .cs-slide[data-pos="0"]:not([data-c="mp"]) .cs-back{display:grid!important;left:-62px;transform:translate(0,-50%)}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) #casos .cs-slide[data-pos="0"]:not([data-c="mp"]) .cs-back{display:grid!important;left:-62px;transform:translate(0,-50%)}
html[data-b03="3"] #casos .cs-slide[data-pos="0"]:not([data-c="mp"]) .cs-back{display:grid!important;left:-62px;transform:translate(0,-50%)}
html[data-b03="2"] #casos .cs-slide[data-pos="0"] .cs-fwd:hover{transform:translate(0,-50%) scale(1.08)}
html[data-b03="4"] #casos .cs-slide[data-pos="0"] .cs-fwd:hover{transform:translate(0,-50%) scale(1.08)}
html[data-b03="5"] #casos .cs-slide[data-pos="0"] .cs-fwd:hover{transform:translate(0,-50%) scale(1.08)}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) #casos .cs-slide[data-pos="0"] .cs-fwd:hover{transform:translate(0,-50%) scale(1.08)}
html[data-b03="3"] #casos .cs-slide[data-pos="0"] .cs-fwd:hover{transform:translate(0,-50%) scale(1.08)}
html[data-b03="2"] #casos .cs-slide[data-pos="0"] .cs-back:hover{transform:translate(0,-50%) scale(1.08)}
html[data-b03="4"] #casos .cs-slide[data-pos="0"] .cs-back:hover{transform:translate(0,-50%) scale(1.08)}
html[data-b03="5"] #casos .cs-slide[data-pos="0"] .cs-back:hover{transform:translate(0,-50%) scale(1.08)}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) #casos .cs-slide[data-pos="0"] .cs-back:hover{transform:translate(0,-50%) scale(1.08)}
html[data-b03="3"] #casos .cs-slide[data-pos="0"] .cs-back:hover{transform:translate(0,-50%) scale(1.08)}
html[data-b03="2"] .cs-back,html[data-b03="2"] .cs-fwd{width:48px;height:48px}
html[data-b03="4"] .cs-back,html[data-b03="4"] .cs-fwd{width:48px;height:48px}
html[data-b03="5"] .cs-back,html[data-b03="5"] .cs-fwd{width:48px;height:48px}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-back,html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-fwd{width:48px;height:48px}
html[data-b03="3"] .cs-back,html[data-b03="3"] .cs-fwd{width:48px;height:48px}
@media (max-width:980px){html[data-b03="2"] .cs-slides .csw{margin-left:0;margin-right:var(--peek)}html[data-b03="2"] #casos .cs-slide[data-pos="0"] .cs-fwd{right:-12px}html[data-b03="2"] #casos .cs-slide[data-pos="0"] .cs-back{left:-12px}}
@media (max-width:980px){html[data-b03="4"] .cs-slides .csw{margin-left:0;margin-right:var(--peek)}html[data-b03="4"] #casos .cs-slide[data-pos="0"] .cs-fwd{right:-12px}html[data-b03="4"] #casos .cs-slide[data-pos="0"] .cs-back{left:-12px}}
@media (max-width:980px){html[data-b03="5"] .cs-slides .csw{margin-left:0;margin-right:var(--peek)}html[data-b03="5"] #casos .cs-slide[data-pos="0"] .cs-fwd{right:-12px}html[data-b03="5"] #casos .cs-slide[data-pos="0"] .cs-back{left:-12px}}
@media (max-width:980px){html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-slides .csw{margin-left:0;margin-right:var(--peek)}html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) #casos .cs-slide[data-pos="0"] .cs-fwd{right:-12px}html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) #casos .cs-slide[data-pos="0"] .cs-back{left:-12px}}
@media (max-width:980px){html[data-b03="3"] .cs-slides .csw{margin-left:0;margin-right:var(--peek)}html[data-b03="3"] #casos .cs-slide[data-pos="0"] .cs-fwd{right:-12px}html[data-b03="3"] #casos .cs-slide[data-pos="0"] .cs-back{left:-12px}}


/* bloque 03 · 2 y 3: sin selector de logos arriba */
html:is([data-b03="2"],[data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-nav{display:none!important}
/* 3 · última carta con las empresas que trabajan con nosotros */
.cs-all-lg{display:none}


/* bloque 04 · opiniones: la fila sale a la izquierda; desenfoque progresivo desde la mitad de la tarjeta del borde y fundido a blanco, igual a cada lado */
@property --lf{syntax:'<length>';inherits:true;initial-value:0px}
.rail-w{position:relative}
.rail-fx{display:none}
html[data-b04]{--Z:calc(max(120px,calc(50vw - 396px)) * var(--zk));--F:calc(var(--Z) * .7)}
html[data-b04] .rail{--lf:0px;padding-left:max(16px,calc(50vw - 620px + 40px - var(--out)));padding-right:calc(50vw - min(190px,41vw));scroll-padding-inline:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--lf),#000 calc(100% - var(--F)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--lf),#000 calc(100% - var(--F)),transparent 100%);transition:--lf .4s ease}
html[data-b04] .rail-w.sc .rail{--lf:var(--F)}
html[data-b04] .rail .rc{scroll-snap-align:center}
html[data-b04] .rail .rc:first-child{scroll-snap-align:start}
html[data-b04] .rail-fx{display:block;position:absolute;top:-20px;bottom:6px;width:var(--Z);pointer-events:none;z-index:3}
html[data-b04] .rail-fx.r{right:calc(50% - 50vw)}
html[data-b04] .rail-fx.l{left:calc(50% - 50vw);transform:scaleX(-1);opacity:0;transition:opacity .4s}
html[data-b04] .rail-w.sc .rail-fx.l{opacity:1}
html[data-b04] .rail-fx i{position:absolute;inset:0}
html[data-b04] .rail-fx i:nth-child(1){-webkit-backdrop-filter:blur(calc(var(--bmax) * .12));backdrop-filter:blur(calc(var(--bmax) * .12));-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 25%);mask-image:linear-gradient(90deg,transparent 0%,#000 25%)}
html[data-b04] .rail-fx i:nth-child(2){-webkit-backdrop-filter:blur(calc(var(--bmax) * .25));backdrop-filter:blur(calc(var(--bmax) * .25));-webkit-mask-image:linear-gradient(90deg,transparent 25%,#000 50%);mask-image:linear-gradient(90deg,transparent 25%,#000 50%)}
html[data-b04] .rail-fx i:nth-child(3){-webkit-backdrop-filter:blur(calc(var(--bmax) * .5));backdrop-filter:blur(calc(var(--bmax) * .5));-webkit-mask-image:linear-gradient(90deg,transparent 50%,#000 75%);mask-image:linear-gradient(90deg,transparent 50%,#000 75%)}
html[data-b04] .rail-fx i:nth-child(4){-webkit-backdrop-filter:blur(var(--bmax));backdrop-filter:blur(var(--bmax));-webkit-mask-image:linear-gradient(90deg,transparent 75%,#000 100%);mask-image:linear-gradient(90deg,transparent 75%,#000 100%)}
html[data-b04="1"]{--out:100px;--bmax:5px;--zk:.5}
html[data-b04="2"]{--out:100px;--bmax:4px;--zk:.38}
@media (max-width:640px){html[data-b04] .rail{padding-left:16px}html[data-b04]{--Z:40px}}
.rail{cursor:grab}
.rail.drag{cursor:grabbing;scroll-snap-type:none!important;user-select:none;-webkit-user-select:none}
.rail.drag *{pointer-events:none}
/* bloque 04 · tarjeta final: el carrusel termina con la última opinión centrada y esta asomando */
html[data-b04] .rail{display:flex;padding-right:0}
html[data-b04] .rail > .rc{flex:0 0 min(380px,82vw)}
html[data-b04] .rail > .rm{flex:0 0 max(0px,calc(50vw - min(190px,41vw) - 16px - min(380px,82vw) - 16px));overflow:hidden;scroll-snap-align:none;list-style:none;align-self:stretch}
html[data-b04] .rail > .rm > a{width:min(380px,82vw)}
.rm{display:none}
html[data-b04] .rm{display:block}
.rm a{position:relative;isolation:isolate;overflow:hidden;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:26px 28px;border-radius:20px;text-decoration:none;color:var(--ink);background:linear-gradient(135deg,#fff 0%,#F7F9FF 60%,#FFF8E6 100%);box-shadow:0 30px 60px -40px rgba(66,133,244,.55)}
.rm a::before{content:"";position:absolute;z-index:-1;inset:auto -20% -40% 30%;height:80%;border-radius:50%;background:conic-gradient(from 200deg,#4285F4,#34A853,#FBBC04,#EA4335,#4285F4);filter:blur(60px);opacity:.22}
.rm a::after{content:"";position:absolute;z-index:-1;inset:0;border-radius:20px;padding:1.5px;background:linear-gradient(90deg,#4285F4,#34A853 35%,#FBBC04 65%,#EA4335);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55}
.rm-t{display:flex;align-items:center;gap:10px}
.rm-g{width:26px;height:26px;flex:none}
.rm-k{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.rm-s{display:flex;align-items:center;gap:14px}
.rm-s b{font:500 64px/.9 var(--disp);letter-spacing:-.04em}
.rm-s .st{display:block;color:var(--star);letter-spacing:.08em;font-size:17px}
.rm-s small{display:block;font-size:13px;color:var(--ink2);margin-top:4px}
.rm-c{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:100px;background:#1A73E8;color:#fff;font:600 14.5px/1 var(--sans);box-shadow:0 12px 24px -14px #1A73E8;transition:transform .2s,box-shadow .2s;white-space:nowrap}
.rm-c i{font-style:normal;transition:transform .2s}
.rm a:hover .rm-c{transform:translateY(-1px);box-shadow:0 16px 28px -14px #1A73E8}
.rm a:hover .rm-c i{transform:translateX(3px)}
/* bloque 03 · última carta con los clientes seleccionables (3–6) */
/* favicons reales de los clientes */
.fv{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#fff center/20px 20px no-repeat;border:1px solid rgba(17,17,17,.08);font:700 11px/1 var(--sans);font-style:normal;color:#fff}
.fv.dk{background-color:#16161A;border-color:#16161A}
.fv.ini{background:var(--c);border-color:var(--c)}
.fv[data-f="multiplag"]{background-image:url(../img/9375cc83d6a24e8b.webp)}
.fv[data-f="remihogar"]{background-image:url(../img/bc609c0b19e126ec.webp)}
.fv[data-f="megabici"]{background-image:url(../img/d6c9fced20f4bb7e.webp)}
.fv[data-f="ldm-tocados"]{background-image:url(../img/f8ecac3aec38feec.webp)}
.fv[data-f="ohms-grounding"]{background-image:url(../img/eb39f5b74491fb35.webp)}
.fv[data-f="seviplagas"]{background-image:url(../img/6da34cea53599d6f.webp)}
.fv[data-f="alcantarillados-giralda"]{background-image:url(../img/1ded3ff0b5b74f6a.webp)}
.fv[data-f="bitefree"]{background-image:url(../img/54e3df901703c64b.webp)}
.fv[data-f="servimos-limpiezas"]{background-image:url(../img/7f7d0640130c72e5.webp)}
.fv[data-f="bugamar"]{background-image:url(../img/7413b0bd454c2e8a.webp)}
.fv[data-f="plagas-jerez"]{background-image:url(../img/a1427ccf55fe2fa2.webp)}
.fv[data-f="soluciones-del-agua"]{background-image:url(../img/cad59430ab0faf18.webp)}
.fv[data-f="vende-tu-casa-conmigo"]{background-image:url(data:image/webp;base64,UklGRtoDAABXRUJQVlA4TM0DAAAvJ8AJEE0oaBsJeWb/hsFDRP/T8HTTLH5cCASS/LnfIRS0kaScf5WMz6+g/wkGofAlY9q0QC3UbWtb20YfiKUww/3fUnGYZ8wgOaJvmOnnY31rvWrAb0kugyQ3khxJMouorNVa7973/58b1dUZHhM/ASPif0wD5go/J0F/EBg/JeCPIdJQIDDANVoG+A9YOXj1Ci2jLVGhFfhD2wpoBQhYrRwQg34v4kIZBujHDEYuVkrR2NZOeBLBGktitgIggH+OGcCqQIrv8JE+iwm6GMSXJzjHJpRk+DAAcGkJADEIAAHAcorv4kM86glb0T6dqo49nWEfCQKsl7LpuLwEmCWIwD9ZEbDs4cO4FV/IjYNyGm0an8uudnCIfW0qhA5VPDkDIgxMMOOn/OhRw8DzapQhlLyx/UHyljy8qfDo4jLb0ku+CZAI1Zymi2gVjEhJyr6xAvRcQaiWfQ3Umz45b/hvhCeN4mb+bF7cw+YhXlQsxnSbPSluVPFa+7xCiaJ160eF8vaAOj+0TKlUivR4VN/pxXvP+8Bv6tn8wbdPxs1te8thC081Jjf9m1kz8he/qM1g0XIpBB+4KJS1tV0Gw1uKkr5TK4QPr8mtXsqTeCtqyYvixXdL75Wq7GBHSZiWYojJWEAUP8KfzJb+k0lro3nf1b/lI5fA47C4H6UfDIFd7bUIXal0yZtftuCUGQavFdAjurCD6pC+Nm2Zym3pbXrLL0+lvMVtQkY1BC4DyMgwCo3dtt/cJmBL5KUKMdy3/P+8yNs8Ci394i7yZFo1nlzcXQwVQfhRa44c3YvO6E0Zr4pNDrdFp2BxDgISHmRMMJTGSTm8Qf+1/qldByXSi3Azl2H0UJdj7ZVFfHk3vLhjM2LZFGOkwx/bERzyV7KTaK8eJAjGNL4tVTnG2RMHg9dGS3Z4GMUGnkdbPSZjUMxpr+0qG189G1/c2FAogQUGeB/rKLxluPRKuhRaaKTvNIXEFg60qax9jWnxtNV0KRvFmzOm0YcsJ9gb4+X+Z1+/5V52HkWXWnnJlgvU4d5tb7uRyEepSrnyKGLtISq8TpEXJbeoIiThhowcWajDBryYlC9eGR+uNm+CMFGoaGVxR7DF461sUm8E6LUCjGpYNAQDCxG2I1JFljLmmEYRLgI5aioIqFj6coAKbERaKyVao6VXDbdWhrW20Xhdlzc3xTCje9fV4ksdD7XoTRVMAgQyggXh11sRDJBQA3QyCJYBWNtACmQtQD9nG7ymFawJ/JQZoEsAFiAAvwqgji5tY3EJsG26S/yRTPhzMkB/jv/8AA==)}
.fv[data-f="virospack"]{background-image:url(data:image/webp;base64,UklGRlAEAABXRUJQVlA4TEMEAAAvJ8AJEPVQrm1bta3sGL7/K2uufc75glsALwriIfjrD6gPItDvB3dq9+G2cHd3Fu6UHC4VB5Eku0p/cpCDFgRj4ivJ/wKuYttulXWT0HtTggBUPD1ow1L9SpEAAGDZSLfqbNu2bdu2bdu2bdu2jbdt28gEsN0LuNnz5eR8WYAK8MzInJXRT0bOc4UbgsCgbGZ03YR2BJWgaCA//esA6mNnQ3IJaAIJBWgE4emjUB+E5thRb+rOl/bYQYiKB5IFPEjgbLAjCyatFOvOVFiOFVPDWBi9XzF5f6hoyFzwbKh2IANubGGtyAnDu8aYV9W00YwMZcGx140koICb6MB/6UEv7rVlu14rGkSjaHLKReRYMe0QmpE3fik0RIAocupcz6+6129X73YlnQAoIILAoGyTplPm7IrblefOS3FgpAjFkT3VJaAZSRLxzBjh28WAsyM6xrL5AOqDEBV3NJOpBQg6WCQFSSyJjy3gdee+SDaEAiKBDYxhEp6i25k3KXdoLgYwI+HGUWxFTEkVt1oDvC7uOflC4RkowAm5gSMwCa9KoUhy9AdQQzIzc+sHoRiQWWr731TlW+W3uO+0CgtBkWxmtLDaiW8lWmhG32cBmkWuocJnlDr3nO8fOdt/H/Fnilwn0MMhuESACGrgDfrMuTIb6Bw/sSTeOX+cp6JiYM4PUyI3QkB4qDgKBrIAJ/P08JajZlK5c7fy1/lljA8VzeIJ0ZNJFjBbMI6DjJKRJaXdkELPXEkBWjewiUBx0QB2jP2x7D+0YumDvgeD0oqWHaxtpTRYsT4T5FyQWyC5FgbOagXsvCHRXDG9O1gfA4NrTLgR60H87BEWPYvmGhxxp+0j57fz3jl1UgUHHLsUOM8GM6TtJE0kDO74YAkFFASDEazBinh9lfNN9HiQh8wO/BHMhpYIcOx6KMC5UE/sh9iR95bj3DhxQqyMi+mNCbsgq8g6Zo7ez3shCXIhgvIFx61WrJ2VEw3AOb/DYf8se/kzfH3aEHomgiUm5QOFUZIV3c6P/9+wk3JH/VY4aMXW4CScfoACvAxyDbbjNHI+vfcjseL4VejhoJ3AK1Wz+R36Am4px4j9b3TCQ8yIt87vykNR3MF9zBwoh5aad1VVdQRVLKsHQeDIiwJxu+Ff5acz3qDSwVLRVfGyotWtWNYQLCXJy4AEg/AURw2gEUAcVs3b0ZMUVVuUgsTZI4wklwK5BcKxiqqYdP5VAdy4/5ikZFlku6Vfa8kKxQQny1pDC48oMh5I/HTjvYwLb72ySmgtNTtnspUUEBAUho3RJ5487/zwNttUcjp/2tA9ngRLC+KzAXy/i6t3OqC2oTYowYZV5pYXkp9V2URsPOk8FUUNvHAJaK4GZCZ5SpyY1PtvB23ksdUUYBjD5LiJxJHseMBc6H4IVpLEbkgNIUNqvyXHXjeSYoLZhnH//RuulAu4iMhtAcnlGgA=)}
.fv[data-f="molpack"]{background-image:url(../img/5207c857ee9a2bca.webp)}
.fv[data-f="bicosome"]{background-image:url(../img/01b0aa65b8dc8662.webp)}
.fv[data-f="beautycollective"]{background-image:url(../img/1af3f50330ad3d42.webp)}
.fv[data-f="okeyword"]{background-image:url(../img/dfacc4d8b67d1a73.webp)}

/* 3 con favicon */
html[data-b03="3"] .cl3 .fv{width:28px;height:28px;background-size:18px 18px}
html[data-b03="3"] .cl3{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
html[data-b03="3"] .cs-all{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto 1fr;gap:18px!important}
html[data-b03="3"] .cs-all-l{grid-template-columns:minmax(0,1fr) auto;align-items:end;justify-items:stretch!important;column-gap:24px}
html[data-b03="3"] .cs-all-l .cs-all-k{grid-column:1/-1}
/* 6 · 7 · 8: cabecera arriba a lo ancho, clientes debajo */
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-all{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto 1fr;gap:20px!important}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-all-l{grid-template-columns:minmax(0,1fr) auto;align-items:end;justify-items:stretch!important;column-gap:24px}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-all-l .cs-all-k{grid-column:1/-1}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-all-l .btn{justify-self:end}
html:is([data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-all h3{font-size:clamp(22px,2vw,28px)!important;max-width:30ch}
/* filtros comunes */
.cl6-f,.cl8-f{display:flex;flex-wrap:wrap;gap:6px}
.cl6-f button,.cl8-f button{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:100px;border:1px solid var(--line);background:#fff;font:500 13px/1 var(--sans);cursor:pointer;color:var(--ink2);transition:all .2s}
.cl6-f button span,.cl8-f button span{font:500 11px/1 var(--mono);color:var(--dim)}
.cl6-f button:hover,.cl8-f button:hover{border-color:var(--ink);color:var(--ink)}
.cl6-f button[aria-pressed="true"],.cl8-f button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.cl6-f button[aria-pressed="true"] span,.cl8-f button[aria-pressed="true"] span{color:rgba(255,255,255,.6)}
/* 6 rehecha: rejilla fija, el filtro resalta y apaga, nada cambia de sitio */
html[data-b03="6"] .cl6{display:grid;gap:14px;align-content:start}
html[data-b03="6"] .cl6 ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:54px;gap:8px}
html[data-b03="6"] .cl6 a{height:100%;box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:0 12px 0 10px;border-radius:14px;background:#F7F7FA;border:1px solid var(--line);transition:opacity .3s,filter .3s,background .2s,border-color .2s,box-shadow .2s,transform .2s}
html[data-b03="6"] .cl6 a > span{flex:1;min-width:0}
html[data-b03="6"] .cl6 b{display:block;font:600 13.5px/1.15 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-b03="6"] .cl6 small{display:block;font-size:11.5px;color:var(--ink2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-b03="6"] .cl6 em{font-style:normal;color:var(--dim);opacity:0;transform:translateX(-4px);transition:all .2s}
html[data-b03="6"] .cl6 a:hover{background:#fff;border-color:var(--c);box-shadow:0 12px 24px -18px var(--c)}
html[data-b03="6"] .cl6 a:hover em{opacity:1;transform:none;color:var(--c)}
html[data-b03="6"] .cl6 li.off a{opacity:.28;filter:grayscale(1);pointer-events:none;background:transparent}
html[data-b03="6"] .cl6 li.on a{background:#fff;border-color:color-mix(in srgb,var(--c) 45%,#fff)}
/* 7: una columna por tipo de negocio */
html[data-b03="7"] .cl7{display:grid;grid-template-columns:1.1fr 1.25fr 1fr 1fr;gap:10px;align-items:start}
html[data-b03="7"] .cl7-c{background:#F7F7FA;border:1px solid var(--line);border-radius:16px;padding:12px 10px 8px}
html[data-b03="7"] .cl7-c p{margin:0 0 8px;padding:0 4px 8px;border-bottom:1px solid var(--line);font:600 12.5px/1 var(--sans);display:flex;justify-content:space-between;color:var(--ink)}
html[data-b03="7"] .cl7-c p span{font:500 11px/1 var(--mono);color:var(--dim)}
html[data-b03="7"] .cl7 ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
html[data-b03="7"] .cl7 a{display:flex;align-items:center;gap:9px;height:36px;padding:0 6px;border-radius:10px;transition:background .2s}
html[data-b03="7"] .cl7 .fv{width:26px;height:26px;border-radius:8px;background-size:17px 17px;font-size:10px}
html[data-b03="7"] .cl7 b{font:500 13.5px/1.1 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-b03="7"] .cl7 a::after{content:"→";margin-left:auto;color:var(--c);opacity:0;transition:opacity .2s}
html[data-b03="7"] .cl7 a:hover{background:#fff;box-shadow:0 8px 18px -14px var(--c)}
html[data-b03="7"] .cl7 a:hover::after{opacity:1}
/* 8: muro de favicons, cuadrados iguales, nombre en una barra fija */
html[data-b03="8"] .cl8{display:grid;gap:14px;align-content:start}
html[data-b03="8"] .cl8 ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}
html[data-b03="8"] .cl8 a{aspect-ratio:1;display:grid;place-items:center;border-radius:16px;background:#F7F7FA;border:1px solid var(--line);transition:all .25s}
html[data-b03="8"] .cl8 .fv{width:44px;height:44px;border-radius:12px;background-size:30px 30px;font-size:14px;transition:transform .25s}
html[data-b03="8"] .cl8 a:hover,html[data-b03="8"] .cl8 a:focus-visible,html[data-b03="8"] .cl8 a.sel{background:#fff;border-color:var(--c);box-shadow:0 14px 26px -18px var(--c)}
html[data-b03="8"] .cl8 a:hover .fv,html[data-b03="8"] .cl8 a.sel .fv{transform:scale(1.08)}
html[data-b03="8"] .cl8 li.off a{opacity:.25;filter:grayscale(1);pointer-events:none}
html[data-b03="8"] .cl8-cap{margin:0;display:flex;align-items:center;gap:12px;height:52px;padding:0 18px;border-radius:14px;background:#F7F7FA;border:1px solid var(--line)}
html[data-b03="8"] .cl8-cap b{font:600 15px/1 var(--sans)}
html[data-b03="8"] .cl8-cap span{font-size:13px;color:var(--ink2)}
html[data-b03="8"] .cl8-cap em{margin-left:auto;font:600 13px/1 var(--sans);font-style:normal;color:var(--dim)}
html[data-b03="8"] .cl8-cap.on{background:#fff;border-color:var(--c)}
html[data-b03="8"] .cl8-cap.on em{color:var(--c)}
html[data-b03="6"] .cl6,html[data-b03="7"] .cl7,html[data-b03="8"] .cl8{display:grid}
html:is([data-b03="3"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cl{width:100%;justify-self:stretch;align-self:start}
html[data-b03="6"] .cl6 ul{gap:7px}
html[data-b03="6"] .cl6 a{position:relative;gap:9px;padding:0 10px 0 9px}
html[data-b03="6"] .cl6 b{font-size:13px;letter-spacing:-.01em}
html[data-b03="6"] .cl6 em{position:absolute;right:9px;top:7px;font-size:12px}
html[data-b03="8"] .cl8-cap{max-width:none;width:100%;box-sizing:border-box}
html[data-b03="3"] .cs-all{display:grid!important}
html[data-b03="3"] .cs-all h3{font-size:clamp(22px,2vw,28px)!important;max-width:30ch}
html[data-b03="3"] .cs-all-l .btn{justify-self:end}
html[data-b03="3"] .cl3 small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-b03="6"] .cl6 ul{grid-template-rows:repeat(5,54px);grid-auto-rows:0;align-content:start}
html[data-b03="6"] .cl6 li.off,html[data-b03="6"] .cl6 li.cap{display:none}
html[data-b03="6"] .cl6 li.on a{background:#F7F7FA;border-color:var(--line)}
html[data-b03="6"] .cl6 li.fx{animation:fadeUp .3s ease both}
html[data-b03="6"] .cl6 li.more a{background:var(--ink);border-color:var(--ink);color:#fff}
html[data-b03="6"] .cl6 li.more small{color:rgba(255,255,255,.65)}
html[data-b03="6"] .cl6 li.more em{opacity:1;transform:none;color:#fff}
html[data-b03="6"] .cl6 li.more a:hover{background:#000;box-shadow:0 14px 26px -16px rgba(0,0,0,.6)}
html[data-b03="6"] .cl6 li.more a:hover em{color:#fff;transform:translateX(3px)}
.fv.mo{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);font:500 18px/1 var(--sans);color:#fff}
/* colores corporativos en la carta de clientes */
.cl6-f button[aria-pressed="true"]{background:#1A73E8;border-color:#1A73E8;color:#fff;box-shadow:0 8px 18px -12px #1A73E8}
.cl6-f button[aria-pressed="true"] span{color:rgba(255,255,255,.75)}
.cl6-f button:hover{border-color:#1A73E8;color:#1A73E8}
.cl6-f button[aria-pressed="true"]:hover{color:#fff}
html[data-b03="6"] .cs-all-l .btn{background:#1E8E3E;border-color:#1E8E3E;color:#fff;box-shadow:0 12px 24px -14px #1E8E3E}
html[data-b03="6"] .cs-all-l .btn:hover{background:#188038;border-color:#188038}
html[data-b03="6"] .cl6 li.more a{background:#FBBC04;border-color:#FBBC04;color:#202124}
html[data-b03="6"] .cl6 li.more small{color:rgba(32,33,36,.7)}
html[data-b03="6"] .cl6 li.more em,html[data-b03="6"] .cl6 li.more a:hover em{color:#202124}
html[data-b03="6"] .cl6 li.more a:hover{background:#F9AB00;border-color:#F9AB00;box-shadow:0 14px 26px -16px #F29900}
html[data-b03="6"] .cl6 li.more .fv.mo{background:rgba(255,255,255,.55);border-color:rgba(32,33,36,.12);color:#202124}
@media (max-width:980px){html[data-b03="6"] .cl6 ul{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-b03="7"] .cl7{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-b03="8"] .cl8 ul{grid-template-columns:repeat(5,minmax(0,1fr))}html[data-b03="3"] .cl3{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

.cl{display:none}
html:is([data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-all-r,html:is([data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-all-lg{display:none!important}
html:is([data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-all{padding:clamp(22px,3vw,36px)!important;align-content:stretch}
html:is([data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cs-all h3{font-size:clamp(24px,2.4vw,32px)}
html:is([data-b03="3"],[data-b03="4"],[data-b03="5"],[data-b03="6"],[data-b03="7"],[data-b03="8"]) .cl a{text-decoration:none;color:var(--ink)}
/* 3 */
html[data-b03="3"] .cl3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;list-style:none;margin:0;padding:0;align-content:center}
html[data-b03="3"] .cl3 a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px 10px 7px 7px;border-radius:14px;background:#F7F7FA;border:1px solid var(--line);transition:all .2s}
html[data-b03="3"] .cl3 b{display:block;font:600 14px/1.15 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-b03="3"] .cl3 small{display:block;font-size:11.5px;color:var(--ink2);margin-top:2px}
html[data-b03="3"] .cl3 em{font-style:normal;color:var(--dim);transition:transform .2s,color .2s}
html[data-b03="3"] .cl3 a:hover{background:#fff;border-color:var(--c);box-shadow:0 10px 22px -16px var(--c)}
html[data-b03="3"] .cl3 a:hover em{color:var(--c);transform:translateX(3px)}
/* 4 */
html[data-b03="4"] .cs-all{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto 1fr;gap:16px!important}
html[data-b03="4"] .cs-all-l{grid-template-columns:minmax(0,1fr) auto;align-items:end;justify-items:stretch!important;column-gap:24px}
html[data-b03="4"] .cs-all-l .cs-all-k{grid-column:1/-1}
html[data-b03="4"] .cs-all-l .btn{justify-self:end}
html[data-b03="4"] .cl4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;list-style:none;margin:0;padding:0;border-top:1px solid var(--ink);align-content:start}
html[data-b03="4"] .cl4 a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:9px 2px;border-bottom:1px solid var(--line);transition:padding .2s}
html[data-b03="4"] .cl4 b{font:500 16px/1.2 var(--disp);letter-spacing:-.01em}
html[data-b03="4"] .cl4 span{font-size:12.5px;color:var(--ink2)}
html[data-b03="4"] .cl4 em{font:600 12.5px/1 var(--sans);font-style:normal;color:var(--dim);transition:color .2s}
html[data-b03="4"] .cl4 a:hover{padding-left:8px}
html[data-b03="4"] .cl4 a:hover em{color:#E01B4B}
/* 5 */
html[data-b03="5"] .cs-all{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto 1fr;gap:18px!important}
html[data-b03="5"] .cs-all h3,html[data-b03="4"] .cs-all h3{font-size:clamp(22px,2vw,28px)!important}
html[data-b03="5"] .cs-all-l{grid-template-columns:minmax(0,1fr) auto;align-items:end;justify-items:stretch!important;column-gap:24px}
html[data-b03="5"] .cs-all-l .cs-all-k{grid-column:1/-1}
html[data-b03="5"] .cs-all-l .btn{justify-self:end}
html[data-b03="5"] .cl5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;list-style:none;margin:0;padding:0}
html[data-b03="5"] .cl5 a{position:relative;display:grid;align-content:center;min-height:50px;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--c) 8%,#fff);border:1px solid color-mix(in srgb,var(--c) 18%,#fff);overflow:hidden;transition:all .25s}
html[data-b03="5"] .cl5 b{font:600 14px/1.15 var(--sans);letter-spacing:-.015em;color:color-mix(in srgb,var(--c) 75%,#000);transition:transform .25s}
html[data-b03="5"] .cl5 span{position:absolute;left:14px;bottom:6px;font:600 11.5px/1 var(--sans);color:#fff;opacity:0;transform:translateY(6px);transition:all .25s}
html[data-b03="5"] .cl5 a:hover{background:var(--c);border-color:var(--c)}
html[data-b03="5"] .cl5 a:hover b{color:#fff;transform:translateY(-6px)}
html[data-b03="5"] .cl5 a:hover span{opacity:1;transform:none}
/* 6 */
@media (max-width:980px){html[data-b03="5"] .cl5{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-b03="4"] .cl4{grid-template-columns:minmax(0,1fr)}}
/* mando y etiqueta (solo revisión) */
.dock,.tag{z-index:210!important}
.dock .dk-lb{font:500 8.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);text-align:center;margin-bottom:-2px}
.dock .mv{border-radius:9px}
.dock .mv[aria-pressed="true"]{background:#1E8E3E;border-color:#1E8E3E;color:#fff}
.dock{position:fixed;right:max(10px,env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);z-index:80;display:grid;gap:6px;padding:8px 6px;background:var(--page);border:1px solid var(--line);border-radius:100px;box-shadow:0 10px 30px -12px rgba(0,0,0,.25)}
.dock button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);font:600 12.5px/1 var(--sans);cursor:pointer;display:grid;place-items:center;padding:0}
.dock button[aria-pressed="true"]{background:var(--ink);color:var(--page);border-color:var(--ink)}
.dock hr{width:16px;height:1px;border:0;background:var(--line);margin:3px auto}
.tag{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:80;font:500 11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--page);background:var(--ink);border-radius:100px;padding:8px 14px;transition:opacity .4s;max-width:calc(100vw - 80px)}
.tag.off{opacity:0;pointer-events:none}

@media (max-width:980px){.vB .hgrid{grid-template-columns:minmax(0,1fr)}.spec{grid-template-columns:repeat(2,minmax(0,1fr))}.spec div:nth-child(2){border-right:0}.spec div:nth-child(3){padding-left:0}.split,.rv{grid-template-columns:minmax(0,1fr)}.cards{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.pill{padding:8px 11px;font-size:11px}.hero{min-height:auto}.insp li{grid-template-columns:minmax(0,1fr);gap:2px}}
@media (prefers-reduced-motion:reduce){.intro.play svg,.intro.play > span{animation:none}}

/* ===== página SEO local ===== */
.sl-q li{position:relative}
.sl-chip{grid-column:2;justify-self:start;margin-top:10px;font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border-radius:100px;border:1px solid var(--line);color:var(--ink2);background:#fff}
.sl-chip.on{background:color-mix(in srgb,var(--c) 16%,#fff);border-color:color-mix(in srgb,var(--c) 45%,#fff);color:color-mix(in srgb,var(--c) 70%,#000)}
.sl-close{margin:clamp(28px,4vw,44px) auto 0;max-width:56ch;text-align:center;font:400 clamp(19px,1.8vw,24px)/1.4 var(--disp);letter-spacing:-.015em;color:var(--ink2)}
.sl-close b{font-weight:400;color:var(--ink);background:linear-gradient(transparent 62%,#FDE293 62%,#FDE293 92%,transparent 92%)}
.sl-map{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(14px,2vw,26px);align-items:center}
.sl-ph{justify-self:center;width:100%;max-width:330px;padding:10px;background:#202124;border-radius:30px;box-shadow:0 40px 70px -40px rgba(15,23,34,.6)}
.sl-scr{background:#fff;border-radius:22px;overflow:hidden;color:#202124}
.sl-qq{display:flex;align-items:center;gap:10px;margin:12px;padding:10px 14px;border:1px solid #DADCE0;border-radius:100px;font:400 14px/1.2 var(--sans);box-shadow:0 1px 6px rgba(32,33,36,.12)}
.sl-qq svg{width:15px;height:15px;stroke:#5F6368;fill:none;stroke-width:2;flex:none}
.sl-mp{height:118px;overflow:hidden}.sl-mp svg{width:100%;height:100%;display:block}
.sl-pack{list-style:none;margin:0;padding:0}
.sl-pack li{display:grid;gap:2px;padding:11px 14px;border-top:1px solid #F1F3F4;font-size:12.5px;color:#5F6368}
.sl-pack b{font:500 14px/1.3 var(--sans);color:#1A0DAB}
.sl-pack .me{background:#E8F0FE;box-shadow:inset 3px 0 0 #1A73E8}
.sl-pack .st{color:#E37400}.sl-pack .op{color:#188038}
.sl-pack .acts{display:flex;gap:6px;margin-top:6px}
.sl-pack .acts span{font:500 11px/1 var(--sans);color:#1A73E8;border:1px solid #D2E3FC;border-radius:100px;padding:6px 10px;background:#fff}
.sl-pack li:not(.me){opacity:.7}
.sl-col{display:grid;gap:clamp(12px,1.6vw,18px);min-width:0}
.sl-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px 18px;box-shadow:0 30px 60px -44px rgba(15,23,34,.45);min-width:0}
.sl-k{margin:0 0 12px;display:flex;justify-content:space-between;align-items:center;gap:10px;font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.sl-ex{font:500 10px/1 var(--mono);letter-spacing:.08em;border:1px dashed var(--frame);border-radius:100px;padding:4px 8px;color:var(--dim)}
.sl-grids{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sl-gc{margin:0 0 8px;display:flex;justify-content:space-between;font:600 11.5px/1 var(--sans);color:var(--ink2)}
.sl-gc em{font-style:normal;color:#188038}
.sl-geo{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:10px;border-radius:12px;background:#E8EAED;background-image:linear-gradient(#fff 2px,transparent 2px),linear-gradient(90deg,#fff 2px,transparent 2px);background-size:33% 40%}
.sl-geo i{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font:600 clamp(9px,.9vw,12px)/1 var(--sans);font-style:normal}
.sl-geo .a,.sl-leg .a{background:#34A853;color:#fff}
.sl-geo .b,.sl-leg .b{background:#FBBC04;color:#202124}
.sl-geo .c,.sl-leg .c{background:#F1F3F4;color:#80868B}
.sl-geo .me{outline:2px solid #202124;outline-offset:1px}
.sl-leg{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;font-size:12px;color:var(--ink2)}
.sl-leg span{display:inline-flex;align-items:center;gap:6px}
.sl-leg i{width:10px;height:10px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.06)}
.sl-met{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sl-met div{border:1px solid var(--line);border-radius:12px;padding:12px;min-width:0;background:color-mix(in srgb,var(--c) 5%,#fff)}
.sl-met small{display:block;font-size:12px;color:var(--ink2)}
.sl-met b{display:block;margin-top:6px;font:500 clamp(22px,2.2vw,30px)/1 var(--disp);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.sl-met em{display:inline-block;margin-top:8px;font:600 11px/1 var(--sans);font-style:normal;color:color-mix(in srgb,var(--c) 80%,#000);background:color-mix(in srgb,var(--c) 14%,#fff);border-radius:6px;padding:4px 6px}
.sl-spark{display:block;width:100%;height:64px;margin-top:10px}
.sl-tags{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sl-tags li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:100px;background:#fff;border:1px solid var(--line);font:500 13.5px/1 var(--sans)}
.sl-tags li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}
.sl-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.4vw,32px)}
.sl-side{display:grid;gap:4px;align-content:start;min-width:0}
.sl-gb{background:#fff;color:#202124;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 60px -44px rgba(15,23,34,.45)}
.sl-cov{height:96px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:3px}
.sl-cov span{background:linear-gradient(135deg,#C2E7FF,#A9C7FB)}
.sl-cov span:nth-child(2){background:linear-gradient(135deg,#CEEAD6,#A8E0B9)}
.sl-cov span:nth-child(3){background:linear-gradient(135deg,#FEEFC3,#FCE19A)}
.sl-cov.empty{grid-template-columns:1fr;background:#F1F3F4;place-items:center;font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#80868B}
.sl-cb{padding:16px 16px 6px;display:grid;gap:3px}
.sl-cb b{font:500 18px/1.25 var(--sans)}
.sl-cb > span{font-size:13px;color:#5F6368}.sl-cb .st{color:#E37400}
.sl-ca{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}
.sl-ca span{font:500 11.5px/1 var(--sans);color:#1A73E8;border:1px solid #D2E3FC;border-radius:100px;padding:6px 11px}
.bad .sl-ca span{color:#80868B;border-color:#E8EAED}
.sl-cr{list-style:none;margin:0;padding:2px 16px 16px}
.sl-cr li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:8px;align-items:baseline;padding:9px 0;border-top:1px solid #F1F3F4;font-size:13.5px;color:#3C4043}
.sl-cr li::before{content:"";width:8px;height:8px;border-radius:50%;background:#34A853}
.bad .sl-cr li::before{background:transparent;border:1.5px solid #EA4335}
.bad .sl-gb{opacity:.92}
.good .sl-gb{border-color:#A8DAB5;box-shadow:0 30px 60px -40px rgba(52,168,83,.5)}
.sl-where{margin:22px 0 0;font-size:15.5px;color:var(--ink2)}
.sl-where b{color:var(--ink);font-weight:600}
.sl-where .dot{display:inline-block;vertical-align:middle;margin-right:10px;width:8px;height:8px;border-radius:50%;background:#34A853;box-shadow:0 0 0 4px rgba(52,168,83,.18)}
@media (max-width:980px){.sl-map,.sl-pair{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.sl-grids,.sl-met{grid-template-columns:minmax(0,1fr)}}

/* ===== SEO local · animación "te buscan cerca" (hueco 1) ===== */
.nf6{display:none}
.vC.near .notif{display:none!important}
.vC.near .notif.nf6{display:block!important}
@media (max-width:1100px){.vC.near .notif.nf6{display:none!important}}
.hcol{max-width:min(980px,100%)}
.near .hero .hcol{max-width:760px}
.near .hero .title{font-size:clamp(44px,5.4vw,80px)}
.nr{position:relative;width:420px;height:420px;margin:0 auto;top:50%;transform:translateY(-50%)}
.nr-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.nr-rings circle{stroke-opacity:.28;stroke-width:1.2}
.nr-rl text{font:500 9.5px var(--mono);letter-spacing:.06em;fill:#1A73E8;fill-opacity:.55;text-anchor:middle;paint-order:stroke;stroke:#EEF1F5;stroke-width:4px}
.nr-sweep{transform-origin:220px 220px;animation:nrSweep 7s linear infinite}
.nr-sweep path{fill:url(#nrGlow);fill:rgba(66,133,244,.10)}
@keyframes nrSweep{to{transform:rotate(360deg)}}
.nr-routes path{fill:none;stroke:#1A73E8;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset 1s cubic-bezier(.5,0,.2,1),opacity .6s}
.nr-routes path.go{stroke-dashoffset:0}
.nr-routes path.out{opacity:0}
.nr-routes path.dash{stroke:#fff;stroke-width:1.4;stroke-dasharray:2 7;stroke-dashoffset:0;opacity:0;transition:opacity .4s .9s}
.nr-routes path.dash.go{opacity:.9}
.nr-pulse circle{fill:none;stroke:#EA4335;stroke-width:2;opacity:0;transform-origin:220px 220px}
.nr.hit .nr-pulse circle{animation:nrPulse 1.3s ease-out}
.nr.hit .nr-pulse circle:nth-child(2){animation-delay:.25s}
@keyframes nrPulse{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(4.2)}}
.nr-pin{position:absolute;left:50%;top:50%;width:9.5%;transform:translate(-50%,-92%);z-index:4;filter:drop-shadow(0 8px 10px rgba(234,67,53,.35))}
.nr-pin svg{display:block;width:100%;height:auto}
.nr.hit .nr-pin{animation:nrBounce .7s cubic-bezier(.3,1.6,.5,1)}
@keyframes nrBounce{0%{transform:translate(-50%,-92%)}35%{transform:translate(-50%,-118%)}100%{transform:translate(-50%,-92%)}}
.nr-me{position:absolute;left:50%;top:53.5%;transform:translateX(-50%);z-index:4;display:grid;justify-items:center;gap:1px;padding:7px 12px 8px;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 30px -18px rgba(32,33,36,.5);white-space:nowrap}
.nr-me b{font:600 12.5px/1.2 var(--sans);color:#202124}
.nr-me > span{font-size:11px;color:#5F6368}.nr-me .st{color:#E37400}.nr-me .op{color:#188038}
.nr-people{position:absolute;inset:0;z-index:5}
.nr-p{position:absolute;width:0;height:0}
.nr-dot{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;background:#1A73E8;border:2.5px solid #fff;box-shadow:0 2px 6px rgba(26,115,232,.5);transform:scale(0);transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
.nr-dot::after{content:"";position:absolute;inset:-10px;border-radius:50%;background:rgba(26,115,232,.18);animation:nrHalo 1.8s ease-out infinite}
@keyframes nrHalo{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.6);opacity:0}}
.nr-p.on .nr-dot{transform:scale(1)}
.nr-b{position:absolute;bottom:16px;left:0;transform:translate(-50%,6px) scale(.9);transform-origin:50% 100%;opacity:0;transition:opacity .35s,transform .45s cubic-bezier(.3,1.4,.5,1);white-space:nowrap}
.nr-p.on .nr-b{opacity:1;transform:translate(-50%,0) scale(1)}
.nr-p.low .nr-b{bottom:auto;top:16px;transform-origin:50% 0}
.nr-p.found .nr-b{opacity:0;transform:translate(-50%,0) scale(.95)}
.nr-p.found .nr-dot{background:#1E8E3E}
.nr-q,.nr-r{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:100px;background:#fff;border:1px solid #DADCE0;box-shadow:0 12px 26px -14px rgba(32,33,36,.55);font:400 12.5px/1.2 var(--sans);color:#202124}
.nr-q svg{width:13px;height:13px;stroke:#5F6368;fill:none;stroke-width:2.2;flex:none}
.nr-q i{display:inline-block;width:1.5px;height:13px;background:#1A73E8;margin-left:1px;vertical-align:-2px;animation:nrCar .8s steps(1) infinite}
@keyframes nrCar{50%{opacity:0}}
.nr-toast{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);z-index:6;display:grid;justify-items:center;gap:6px;width:max-content}
.nr-r{border-radius:14px;padding:7px 14px 7px 7px;opacity:0;transform:translateY(10px) scale(.96);transition:opacity .35s,transform .45s cubic-bezier(.3,1.4,.5,1)}
.nr-r.on{opacity:1;transform:none}
.nr-r.old{opacity:.45;transform:scale(.94)}
.nr-r.gone{opacity:0;transform:translateY(-6px) scale(.94)}
@keyframes nrPop{0%{transform:scale(.85);opacity:.4}100%{transform:none;opacity:1}}
.nr-r .ic{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--bg);color:#fff;flex:none}
.nr-r .ic svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.nr-r b{display:block;font:600 12.5px/1.2 var(--sans)}
.nr-r small{display:block;font-size:11px;color:#5F6368}
.nr-p.out{opacity:0;transition:opacity .6s}
.nr-cap{position:absolute;left:50%;bottom:0;transform:translateX(-50%);margin:0;display:flex;align-items:center;gap:8px;white-space:nowrap;font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);background:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 11px;border-radius:100px;border:1px solid rgba(17,17,17,.06);z-index:6}
.nr-cap i{width:9px;height:9px;border-radius:50%;background:#1A73E8;border:2px solid #fff;box-shadow:0 0 0 3px rgba(26,115,232,.2)}
@media (prefers-reduced-motion:reduce){.nr-sweep,.nr-dot::after,.nr-q i{animation:none}}

/* ===== SEO local · fondos del hero (pruebas 1–4, mismos colores, otro enfoque) ===== */
.hbx{display:none;position:absolute;z-index:-1;top:-40px;bottom:-30px;left:50%;width:100vw;transform:translateX(-50%);overflow:hidden;pointer-events:none}
.hbx-topo{display:none;position:absolute;inset:0;width:100%;height:100%}
.hbx i{display:none}
html[data-bg] .hero .hbg{display:none}
html[data-bg] .hero .hbx{display:block}
/* 1 · ondas de cercanía: discos planos y anillos que salen del mapa */
html[data-bg="1"] .hbx{background:
  repeating-radial-gradient(circle at 72% 47%,rgba(26,115,232,.10) 0 1.5px,transparent 1.5px 56px),
  radial-gradient(circle at 72% 47%,rgba(252,225,154,.42) 0 13%,transparent 13.3%),
  radial-gradient(circle at 72% 47%,rgba(168,224,185,.32) 0 24%,transparent 24.3%),
  radial-gradient(circle at 72% 47%,rgba(169,199,251,.26) 0 37%,transparent 37.3%),
  radial-gradient(circle at 72% 47%,rgba(169,199,251,.12) 0 52%,transparent 52.3%);
  -webkit-mask:linear-gradient(180deg,transparent 0,#000 14%,#000 82%,transparent);mask:linear-gradient(180deg,transparent 0,#000 14%,#000 82%,transparent)}
/* 2 · horizonte: blanco arriba y una franja de color que nace abajo, detrás de las cifras */
html[data-bg="2"] .hbx{background:linear-gradient(90deg,#A9C7FB 0%,#A8E0B9 50%,#FCE19A 100%);-webkit-mask:linear-gradient(180deg,transparent 0%,transparent 48%,rgba(0,0,0,.55) 80%,#000 92%,transparent 100%);mask:linear-gradient(180deg,transparent 0%,transparent 48%,rgba(0,0,0,.55) 80%,#000 92%,transparent 100%);opacity:.75}
html[data-bg="2"] .hbx i{display:block;position:absolute;left:0;right:0;bottom:12%;height:1px;background:linear-gradient(90deg,transparent,#4285F4 20%,#34A853 50%,#FBBC04 80%,transparent);opacity:.5}
/* 3 · curvas de nivel: fondo blanco con líneas finas de colores, como un mapa topográfico */
html[data-bg="3"] .hbx-topo{display:block}
html[data-bg="3"] .hbx{-webkit-mask:linear-gradient(180deg,transparent 0,#000 12%,#000 85%,transparent);mask:linear-gradient(180deg,transparent 0,#000 12%,#000 85%,transparent)}
/* 4 · círculos planos que se solapan, sin difuminar */
html[data-bg="4"] .hbx i{display:block;position:absolute;border-radius:50%;mix-blend-mode:multiply}
html[data-bg="4"] .hbx i:nth-child(2){width:46vw;height:46vw;right:6vw;top:-6vw;background:#E8F0FE}
html[data-bg="4"] .hbx i:nth-child(3){width:30vw;height:30vw;right:-6vw;top:22%;background:#FEF7E0}
html[data-bg="4"] .hbx i:nth-child(4){width:34vw;height:34vw;left:-10vw;bottom:-14vw;background:#E6F4EA}
html[data-bg="4"] .hbx{-webkit-mask:linear-gradient(180deg,transparent 0,#000 10%,#000 88%,transparent);mask:linear-gradient(180deg,transparent 0,#000 10%,#000 88%,transparent)}

/* 5 y 6 · el plano de la ciudad de fondo, discreto, con los colores encima */
.hbx-map{display:none;position:absolute;inset:0;width:100%;height:100%}
html:is([data-bg="5"],[data-bg="6"]) .hero .hbg{display:block;z-index:-1}
html:is([data-bg="5"],[data-bg="6"]) .hero .hbx{z-index:-2}
html:is([data-bg="5"],[data-bg="6"]) .stage::before{opacity:0}
html[data-bg="5"] .hbx-map:not(.sharp){display:block;opacity:.55;filter:blur(1.4px) saturate(.8)}
html[data-bg="5"] .hbx{-webkit-mask:linear-gradient(90deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.5) 35%,#000 62%),linear-gradient(180deg,transparent 0,#000 14%,#000 82%,transparent);-webkit-mask-composite:source-in;mask:linear-gradient(90deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.5) 35%,#000 62%),linear-gradient(180deg,transparent 0,#000 14%,#000 82%,transparent);mask-composite:intersect}
html[data-bg="5"] .hero .hbg i{opacity:.5}
html[data-bg="6"] .hbx-map{display:block}
html[data-bg="6"] .hbx-map:not(.sharp){opacity:.6;filter:blur(5px) saturate(.85)}
html[data-bg="6"] .hbx-map.sharp{opacity:.7;-webkit-mask:radial-gradient(circle at 72% 47%,#000 0,#000 16%,transparent 34%);mask:radial-gradient(circle at 72% 47%,#000 0,#000 16%,transparent 34%)}
html[data-bg="6"] .hbx{-webkit-mask:linear-gradient(90deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.6) 35%,#000 60%),linear-gradient(180deg,transparent 0,#000 12%,#000 84%,transparent);-webkit-mask-composite:source-in;mask:linear-gradient(90deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.6) 35%,#000 60%),linear-gradient(180deg,transparent 0,#000 12%,#000 84%,transparent);mask-composite:intersect}
html[data-bg="6"] .hero .hbg i{opacity:.42}

/* ===== 6 y 7 · un solo plano: el fondo es el mapa y la animación vive en él ===== */
.cm-map,.cm-fx{display:none;position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);pointer-events:none}
html:is([data-bg="6"],[data-bg="7"]) .hero .cm-map{display:block;z-index:-2}
html:is([data-bg="6"],[data-bg="7"]) .hero .cm-fx{display:block;z-index:3}
html:is([data-bg="6"],[data-bg="7"]) .hero .hbx,html.vC.near:is([data-bg="6"],[data-bg="7"]) .notif.nf6,html:is([data-bg="6"],[data-bg="7"]) .notif{display:none!important}
html:is([data-bg="6"],[data-bg="7"]) .stage::before{opacity:0}
html:is([data-bg="6"],[data-bg="7"]) .hero .hbg{display:block;z-index:-1}
html:is([data-bg="6"],[data-bg="7"]) .hero .hbg i{opacity:.4}
.cm-map svg{position:absolute;inset:0;width:100%;height:100%}
.cm-map{-webkit-mask:linear-gradient(180deg,transparent 0,#000 10%,#000 84%,transparent);mask:linear-gradient(180deg,transparent 0,#000 10%,#000 84%,transparent)}
.cm-map::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.5) 34%,rgba(255,255,255,0) 58%)}
/* 6 · desenfocado fuera y nítido dentro del radio */
html[data-bg="6"] .cm-b{opacity:.55;filter:blur(2.2px) saturate(.8)}
html[data-bg="6"] .cm-s{-webkit-mask:radial-gradient(circle at var(--px) var(--py),#000 0,#000 calc(var(--rr) * .78),transparent var(--rr));mask:radial-gradient(circle at var(--px) var(--py),#000 0,#000 calc(var(--rr) * .78),transparent var(--rr))}
/* 7 · todo el plano nítido pero apagado; el radio, a todo color, se funde poco a poco */
html[data-bg="7"] .cm-b{opacity:.42;filter:saturate(.35)}
html[data-bg="7"] .cm-s{-webkit-mask:radial-gradient(circle at var(--px) var(--py),#000 0,#000 calc(var(--rr) * .55),rgba(0,0,0,.6) calc(var(--rr) * .9),transparent calc(var(--rr) * 1.35));mask:radial-gradient(circle at var(--px) var(--py),#000 0,#000 calc(var(--rr) * .55),rgba(0,0,0,.6) calc(var(--rr) * .9),transparent calc(var(--rr) * 1.35))}
html[data-bg="7"] .cm-rings .tint{fill:url(#cmTint)}
.cm-rings .tint{fill:none}
.cm-r{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cm-rings circle{fill:none;stroke:#1A73E8;stroke-opacity:.3;stroke-width:1.2;stroke-dasharray:3 6}
.cm-rings text{font:500 10px var(--mono);letter-spacing:.06em;fill:#1A73E8;fill-opacity:.6;text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-opacity:.8}
.cm-sw{animation:nrSweep 7s linear infinite}
.cm-sw path{fill:rgba(66,133,244,.08)}
.cm-routes path{fill:none;stroke:#1A73E8;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset 1.3s cubic-bezier(.5,0,.2,1),opacity .6s}
.cm-routes path.go{stroke-dashoffset:0}
.cm-routes path.dash{stroke:#fff;stroke-width:1.4;stroke-dasharray:2 7;stroke-dashoffset:0;opacity:0;transition:opacity .4s 1.2s}
.cm-routes path.dash.go{opacity:.95}
.cm-routes path.out{opacity:0;transition:opacity .6s}
.cm-pl circle{fill:none;stroke:#EA4335;stroke-width:2;opacity:0}
.cm-fx.hit .cm-pl circle{animation:cmPulse 1.3s ease-out}
.cm-fx.hit .cm-pl circle:nth-child(2){animation-delay:.25s}
@keyframes cmPulse{0%{opacity:.7;r:12}100%{opacity:0;r:60}}
.cm-pin{position:absolute;width:40px;transform:translate(-50%,-94%);filter:drop-shadow(0 8px 10px rgba(234,67,53,.35))}
.cm-pin svg{display:block;width:100%;height:auto}
.cm-fx.hit .cm-pin{animation:cmBounce .7s cubic-bezier(.3,1.6,.5,1)}
@keyframes cmBounce{0%{transform:translate(-50%,-94%)}35%{transform:translate(-50%,-122%)}100%{transform:translate(-50%,-94%)}}
.cm-me{position:absolute;transform:translateX(-50%);display:grid;justify-items:center;gap:1px;padding:7px 12px 8px;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 30px -18px rgba(32,33,36,.5);white-space:nowrap}
.cm-me b{font:600 12.5px/1.2 var(--sans);color:#202124}
.cm-me > span{font-size:11px;color:#5F6368}.cm-me .st{color:#E37400}.cm-me .op{color:#188038}
.cm-p{position:absolute;width:0;height:0}
.cm-dot{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;background:#1A73E8;border:2.5px solid #fff;box-shadow:0 2px 6px rgba(26,115,232,.5);transform:scale(0);transition:transform .45s cubic-bezier(.3,1.6,.5,1),background .3s}
.cm-dot::after{content:"";position:absolute;inset:-10px;border-radius:50%;background:rgba(26,115,232,.18);animation:nrHalo 1.8s ease-out infinite}
.cm-p.on .cm-dot{transform:scale(1)}
.cm-p.found .cm-dot{background:#1E8E3E}
.cm-q{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:100px;background:#fff;border:1px solid #DADCE0;box-shadow:0 12px 26px -14px rgba(32,33,36,.55);font:400 12.5px/1.2 var(--sans);color:#202124;white-space:nowrap;opacity:0;transform:translateY(6px) scale(.92);transition:opacity .35s,transform .45s cubic-bezier(.3,1.4,.5,1)}
.cm-q svg{width:13px;height:13px;stroke:#5F6368;fill:none;stroke-width:2.2;flex:none}
.cm-q i{display:inline-block;width:1.5px;height:13px;background:#1A73E8;margin-left:1px;animation:nrCar .8s steps(1) infinite}
.cm-p.on .cm-q{opacity:1;transform:none}
.cm-p.found .cm-q{opacity:0;transform:scale(.95)}
.cm-p.out{opacity:0;transition:opacity .6s}
.cm-toast{position:absolute;display:grid;justify-items:center;gap:6px;transform:translateX(-50%);width:max-content}
.cm-toast .nr-r{border-radius:14px;padding:7px 14px 7px 7px}
.cm-cap[hidden]{display:none!important}
.cm-cap{position:absolute;margin:0;transform:translateX(-50%);width:max-content;display:flex;align-items:center;gap:8px;white-space:nowrap;font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 11px;border-radius:100px;border:1px solid rgba(17,17,17,.06)}
.cm-cap i{width:9px;height:9px;border-radius:50%;background:#1A73E8;border:2px solid #fff;box-shadow:0 0 0 3px rgba(26,115,232,.2)}
@media (max-width:1100px){html:is([data-bg="6"],[data-bg="7"]) .hero .cm-fx{display:none}}
@media (prefers-reduced-motion:reduce){.cm-sw,.cm-dot::after,.cm-q i{animation:none}}
/* «Cuéntanos tu caso» en amarillo pastel, igual que en la home (hero y contacto) */
.ctas .btn:not(.ghost)::before{display:none}
.ctas .btn:not(.ghost){--sh:rgba(251,188,4,.5);border:1px solid #F8D877;background:linear-gradient(180deg,#FFF6D9 0%,#FDEAAF 100%);color:#6B4A00;box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 12px 26px -16px var(--sh);transition:transform .25s,box-shadow .25s,filter .25s}
.ctas .btn:not(.ghost):hover{filter:brightness(1.03) saturate(1.05);box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 16px 30px -14px var(--sh)}

/* ===== 02 · mapa animado mes a mes (hueco 1) ===== */
.sl-m2{display:none}
html[data-m2="1"] .sl-m2{display:grid}
html[data-m2="1"] .sl-map{display:none}
.sl-m2{grid-template-columns:auto minmax(0,1fr);gap:clamp(18px,3vw,40px);align-items:center}
.m2-phone{justify-self:center;padding:6px 4px}
.m2-frame{position:relative;width:286px;height:590px;padding:11px;border-radius:48px;background:linear-gradient(145deg,#2B2E33,#141518);box-shadow:0 0 0 1.5px #3A3D42 inset,0 50px 80px -40px rgba(15,23,34,.65),0 2px 0 rgba(255,255,255,.08) inset}
.m2-frame::before,.m2-frame::after{content:"";position:absolute;width:3px;border-radius:2px;background:#2A2C31;left:-3px}
.m2-frame::before{top:120px;height:36px}.m2-frame::after{top:170px;height:60px}
.m2-screen{position:relative;height:100%;border-radius:38px;overflow:hidden;background:#fff;color:#202124;display:flex;flex-direction:column}
.m2-status{display:flex;align-items:center;justify-content:space-between;padding:12px 22px 4px;font:600 13px/1 var(--sans)}
.m2-isl{position:absolute;left:50%;top:9px;transform:translateX(-50%);width:88px;height:24px;border-radius:14px;background:#0B0C0E}
.m2-sig{display:flex;gap:2px;align-items:flex-end;height:11px}.m2-sig i{width:3px;background:#202124;border-radius:1px}.m2-sig i:nth-child(1){height:4px}.m2-sig i:nth-child(2){height:6px}.m2-sig i:nth-child(3){height:8px}.m2-sig i:nth-child(4){height:10px}
.m2-search{display:flex;align-items:center;gap:8px;margin:10px 12px 0;padding:10px 12px;border-radius:100px;background:#fff;box-shadow:0 2px 10px rgba(32,33,36,.18);font:400 13.5px/1.2 var(--sans);position:relative;z-index:2}
.m2-search svg{width:15px;height:15px;stroke:#5F6368;fill:none;stroke-width:2.2;flex:none}
.m2-qt{white-space:nowrap;overflow:hidden}
.m2-car{width:1.5px;height:15px;background:#1A73E8;animation:nrCar .8s steps(1) infinite;flex:none}
.m2-av{margin-left:auto;width:24px;height:24px;border-radius:50%;background:#7B61FF;color:#fff;font:600 11px/24px var(--sans);text-align:center;flex:none}
.m2-chips{display:flex;gap:6px;padding:9px 12px 0;overflow:hidden;position:relative;z-index:2}
.m2-chips span{flex:none;font:500 11px/1 var(--sans);padding:7px 10px;border-radius:100px;background:#fff;border:1px solid #DADCE0;color:#3C4043}
.m2-map{height:185px;margin-top:-62px;position:relative;z-index:1}
.m2-map svg{width:100%;height:100%;display:block}
.m2-me{transform-origin:150px 60px;transform:scale(.55);opacity:.55;transition:transform .7s cubic-bezier(.3,1.5,.5,1),opacity .5s}
.m2-sheet{flex:1;margin-top:-16px;position:relative;z-index:2;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -6px 18px -10px rgba(32,33,36,.35);padding:6px 0 0;overflow:hidden}
.m2-grab{display:block;width:34px;height:4px;border-radius:2px;background:#DADCE0;margin:0 auto 6px}
.m2-res{margin:0 14px 4px;font:600 12px/1 var(--sans);color:#5F6368}
.m2-list{list-style:none;margin:0;padding:0;position:relative;height:324px}
.m2-list li{position:absolute;left:0;right:0;height:54px;padding:6px 12px 6px 40px;border-top:1px solid #F1F3F4;display:grid;gap:2px;align-content:center;font-size:11.5px;color:#5F6368;transition:transform .7s cubic-bezier(.4,.1,.2,1),background .4s,opacity .4s;background:#fff}
.m2-list li .rk{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:#F1F3F4;color:#5F6368;font:600 10.5px/20px var(--sans);text-align:center}
.m2-list li b{font:500 13px/1.25 var(--sans);color:#202124}
.m2-list li .st{color:#E37400}
.m2-list li.me{background:#E8F0FE;box-shadow:inset 3px 0 0 #1A73E8;z-index:2}
.m2-list li.me .rk{left:15px}
.m2-list li.me b{color:#1A0DAB}
.m2-list li.me .rk{background:#1A73E8;color:#fff}
.m2-list li.me.top .rk{background:#1E8E3E}
.m2-list li .acts{display:none;gap:5px;margin-top:2px}
.m2-list li.me.top .acts{display:flex}
.m2-list li.me.top .meta{display:none}
.m2-list li .acts span{font:500 10.5px/1 var(--sans);color:#1A73E8;border:1px solid #D2E3FC;border-radius:100px;padding:5px 9px;background:#fff}
.m2-list li .acts span.call{background:#1A73E8;color:#fff;border-color:#1A73E8}
.m2-call{position:absolute;left:12px;right:12px;bottom:18px;z-index:5;display:grid;grid-template-columns:auto 1fr;gap:1px 10px;align-items:center;padding:12px 14px;border-radius:18px;background:rgba(32,33,36,.92);color:#fff;transform:translateY(130%);transition:transform .5s cubic-bezier(.3,1.3,.5,1)}
.m2-call.on{transform:none}
.m2-call b{font:600 13px/1.2 var(--sans)}.m2-call small{font-size:11px;opacity:.7}
.m2-ci{grid-row:span 2;width:34px;height:34px;border-radius:50%;background:#1E8E3E;display:grid;place-items:center;animation:pulse 1.6s ease-out infinite}
.m2-ci svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.m2-tap{position:absolute;z-index:6;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:rgba(26,115,232,.25);border:2px solid rgba(26,115,232,.55);opacity:0;transform:scale(.6);pointer-events:none}
.m2-tap.go{animation:m2tap .9s ease-out}
@keyframes m2tap{0%{opacity:0;transform:scale(1.3)}30%{opacity:1;transform:scale(.8)}100%{opacity:0;transform:scale(1.8)}}
.m2-r{display:grid;gap:clamp(12px,1.6vw,18px);min-width:0}
.m2-time{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:100px;background:rgba(255,255,255,.75);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.m2-play{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid #F8D877;background:linear-gradient(180deg,#FFF6D9,#FDEAAF);display:grid;place-items:center;cursor:pointer;color:#6B4A00}
.m2-play svg{width:14px;height:14px;fill:currentColor;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.m2-play{position:relative}
.m2-play.wait::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(#FBBC04 var(--wp,0%),transparent 0);-webkit-mask:radial-gradient(circle,transparent 18px,#000 18.5px);mask:radial-gradient(circle,transparent 18px,#000 18.5px);animation:m2wait 8s linear forwards}
@property --wp{syntax:'<percentage>';inherits:false;initial-value:0%}
@keyframes m2wait{to{--wp:100%}}
.m2-play .pl{display:none}.m2-play.paused .pl{display:block}.m2-play.paused .pa{display:none}
.m2-track{position:relative;flex:1;height:30px}
.m2-track::before{content:"";position:absolute;left:8px;right:8px;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:#E8EAED}
.m2-fill{position:absolute;left:8px;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:linear-gradient(90deg,#4285F4,#34A853 60%,#FBBC04);width:0;transition:width .6s ease}
.m2-steps{position:absolute;inset:0 0;display:flex;justify-content:space-between}
.m2-steps button{position:relative;width:16px;height:30px;border:0;background:none;padding:0;cursor:pointer}
.m2-steps button::before{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#fff;border:2px solid #DADCE0;transition:all .3s}
.m2-steps button.on::before{border-color:#34A853;background:#34A853}
.m2-steps button.cur::before{transform:scale(1.35);box-shadow:0 0 0 4px rgba(52,168,83,.2)}
.m2-steps button span{position:absolute;left:50%;top:-11px;transform:translateX(-50%);font:500 9.5px/1 var(--mono);letter-spacing:.04em;color:var(--dim);white-space:nowrap}
.m2-steps button.cur span{color:var(--ink)}
.m2-ex{flex:none;font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px dashed var(--frame);border-radius:100px;padding:5px 9px;color:var(--dim)}
.m2-cards{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(12px,1.6vw,18px);align-items:stretch}
.m2-mon{font:600 11px/1 var(--mono);letter-spacing:.06em;color:#fff;background:#1A73E8;border-radius:100px;padding:5px 9px;transition:background .4s}
.m2-mon.end{background:#1E8E3E}
.m2-gw{position:relative;border-radius:12px;overflow:hidden}
.m2-geo i{transition:background .5s,color .5s,transform .5s cubic-bezier(.3,1.6,.5,1)}
.m2-geo i.pop{transform:scale(1.15)}
.m2-scan{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(26,115,232,0) 0,rgba(26,115,232,0) calc(var(--sr,0%) - 8%),rgba(26,115,232,.18) var(--sr,0%),rgba(26,115,232,0) calc(var(--sr,0%) + 2%));opacity:0}
.m2-scan.go{animation:m2scan 1.1s ease-out}
@keyframes m2scan{0%{opacity:1;--sr:0%}100%{opacity:0;--sr:75%}}
@property --sr{syntax:'<percentage>';inherits:false;initial-value:0%}
.m2-avg{display:flex;align-items:baseline;gap:10px;margin-top:12px;font-size:12.5px;color:var(--ink2)}
.m2-avg b{font:500 26px/1 var(--disp);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.m2-avg em{font:600 11px/1 var(--sans);font-style:normal;color:#188038;background:#E6F4EA;border-radius:6px;padding:4px 6px;opacity:0;transition:opacity .4s}
.m2-avg em.on{opacity:1}
.m2-met{display:grid;gap:10px}
.m2-met div{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:baseline;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:color-mix(in srgb,var(--c) 5%,#fff)}
.m2-met small{grid-column:1/-1;font-size:12px;color:var(--ink2)}
.m2-met b{font:500 26px/1.05 var(--disp);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.m2-met em{justify-self:end;font:600 11px/1 var(--sans);font-style:normal;color:color-mix(in srgb,var(--c) 80%,#000);background:color-mix(in srgb,var(--c) 14%,#fff);border-radius:6px;padding:4px 6px}
.m2-spark{height:70px;margin-top:12px;overflow:visible}
.m2-cliprect{transition:width .6s ease}
.m2-sdot{transition:cx .6s ease,cy .6s ease}
@media (max-width:1100px){.sl-m2{grid-template-columns:minmax(0,1fr)}.m2-cards{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.m2-steps button span{display:none}.m2-frame{transform:scale(.92)}}
@media (prefers-reduced-motion:reduce){.m2-car,.m2-ci{animation:none}}

/* ===== 03 · ficha de Google realista (hueco 1) ===== */
.f3{display:none}
html[data-f3="1"] .f3{display:block}
html[data-f3="1"] #ficha .sl-tags,html[data-f3="1"] #ficha .sl-pair{display:none}
.f3-hint{margin:22px 0 10px;font-size:14px;color:var(--ink2)}
.f3-steps{display:flex;flex-wrap:wrap;gap:8px}
.f3-steps button{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 9px;border-radius:100px;background:#fff;border:1px solid var(--line);font:500 13.5px/1 var(--sans);color:var(--ink);cursor:pointer;transition:border-color .3s,box-shadow .3s,background .3s}
.f3-steps .n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:600 11px/1 var(--sans);background:color-mix(in srgb,var(--c) 14%,#fff);color:color-mix(in srgb,var(--c) 80%,#000);transition:all .3s}
.f3-steps .bar{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--c)}
.f3-steps button[aria-selected="true"]{border-color:var(--c);background:color-mix(in srgb,var(--c) 7%,#fff);box-shadow:0 10px 22px -16px var(--c)}
.f3-steps button[aria-selected="true"] .n{background:var(--c);color:#fff}
.f3-steps button[aria-selected="true"].run .bar{animation:f3bar var(--dur,3.2s) linear forwards}
.f3-steps button.done .n{background:var(--c);color:#fff}
@keyframes f3bar{to{width:100%}}
.f3-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.6vw,36px);align-items:start}
.f3-k{margin:0 0 12px;display:flex;align-items:center;gap:8px;font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.f3-k .d{width:8px;height:8px;border-radius:50%;background:#EA4335}
.good .f3-k .d{background:#34A853}
.f3-gp{position:relative;background:#fff;border-radius:22px;border:1px solid var(--line);box-shadow:0 40px 70px -50px rgba(15,23,34,.55);overflow:hidden;color:#202124;font-family:var(--sans)}
.good .f3-gp{border-color:#A8DAB5;box-shadow:0 40px 70px -44px rgba(52,168,83,.55)}
.bad .f3-gp{filter:saturate(.85)}
.f3-cov{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:3px;height:176px}
.f3-ph{position:relative;overflow:hidden}.f3-ph svg{width:100%;height:100%;display:block;transition:transform 4s ease}
.f3-ph.p1{grid-row:1/3}
.f3-z.on .f3-ph svg{transform:scale(1.06)}
.f3-more{position:absolute;inset:0;display:grid;place-items:center;background:rgba(32,33,36,.45);color:#fff;font:600 16px/1 var(--sans)}
.f3-cov.empty{display:grid;grid-template-columns:1fr;place-items:center;background:repeating-linear-gradient(45deg,#F1F3F4 0 12px,#ECEEF0 12px 24px)}
.f3-add{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:100px;background:#fff;border:1px dashed #BDC1C6;font:500 12.5px/1 var(--sans);color:#5F6368}
.f3-add svg,.f3-rows svg,.f3-acts svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.f3-hd{padding:16px 18px 6px;display:grid;gap:4px}
.f3-nm{display:flex;align-items:center;gap:10px}
.f3-logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#1A73E8,#34A853);color:#fff;font:700 15px/1 var(--sans);box-shadow:0 6px 14px -8px #1A73E8}
.f3-name{font:500 22px/1.15 var(--sans);letter-spacing:-.01em}
.f3-ver svg{width:18px;height:18px;fill:#1A73E8;display:block}
.f3-rt{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:#5F6368}
.f3-rt b{font-weight:500;color:#202124}
.f3-stars{--w:100%;display:inline-block;width:70px;height:13px;background:linear-gradient(90deg,#FBBC04 var(--w),#DADCE0 var(--w));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 13'%3E%3Cg%3E%3Cpath d='m6.5 0 1.9 4.2 4.6.5-3.4 3.1 1 4.5-4.1-2.4-4.1 2.4 1-4.5L0 4.7l4.6-.5z'/%3E%3Cpath transform='translate(14 0)' d='m6.5 0 1.9 4.2 4.6.5-3.4 3.1 1 4.5-4.1-2.4-4.1 2.4 1-4.5L0 4.7l4.6-.5z'/%3E%3Cpath transform='translate(28 0)' d='m6.5 0 1.9 4.2 4.6.5-3.4 3.1 1 4.5-4.1-2.4-4.1 2.4 1-4.5L0 4.7l4.6-.5z'/%3E%3Cpath transform='translate(42 0)' d='m6.5 0 1.9 4.2 4.6.5-3.4 3.1 1 4.5-4.1-2.4-4.1 2.4 1-4.5L0 4.7l4.6-.5z'/%3E%3Cpath transform='translate(56 0)' d='m6.5 0 1.9 4.2 4.6.5-3.4 3.1 1 4.5-4.1-2.4-4.1 2.4 1-4.5L0 4.7l4.6-.5z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 13'%3E%3Cg%3E%3Cpath d='m6.5 0 1.9 4.2 4.6.5-3.4 3.1 1 4.5-4.1-2.4-4.1 2.4 1-4.5L0 4.7l4.6-.5z'/%3E%3Cpath transform='translate(14 0)' d='m6.5 0 1.9 4.2 4.6.5-3.4 3.1 1 4.5-4.1-2.4-4.1 2.4 1-4.5L0 4.7l4.6-.5z'/%3E%3Cpath transform='translate(28 0)' d='m6.5 0 1.9 4.2 4.6.5-3.4 3.1 1 4.5-4.1-2.4-4.1 2.4 1-4.5L0 4.7l4.6-.5z'/%3E%3Cpath transform='translate(42 0)' d='m6.5 0 1.9 4.2 4.6.5-3.4 3.1 1 4.5-4.1-2.4-4.1 2.4 1-4.5L0 4.7l4.6-.5z'/%3E%3Cpath transform='translate(56 0)' d='m6.5 0 1.9 4.2 4.6.5-3.4 3.1 1 4.5-4.1-2.4-4.1 2.4 1-4.5L0 4.7l4.6-.5z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.f3-stars.s3{--w:64%}.f3-stars.s5{--w:96%}.f3-stars.sm{width:56px;height:10px}
.f3-cat{font-size:13.5px;color:#5F6368}.f3-cat i{font-style:normal;margin:0 2px}
.f3-open{font-size:13.5px;color:#3C4043}.f3-open b{color:#188038;font-weight:500}
.f3-open.none{color:#9AA0A6;font-style:italic}
.f3-acts{display:flex;align-items:flex-start;gap:4px;padding:10px 12px 12px;overflow:hidden}
.f3-acts span{flex:none;display:grid;justify-items:center;align-content:start;gap:6px;width:74px;white-space:nowrap;font:500 11px/1.2 var(--sans);color:#1A73E8;text-align:center}
.f3-acts span i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#E8F0FE}
.f3-acts span.f3a1 i{background:#1A73E8;color:#fff}
.bad .f3-acts span{color:#5F6368}.bad .f3-acts span i{background:#F1F3F4}.bad .f3-acts span.f3a1 i{background:#9AA0A6}
.f3-tabs{display:flex;gap:18px;padding:0 18px;border-bottom:1px solid #E8EAED;font:500 13px/1 var(--sans);color:#5F6368}
.f3-tabs > *{padding:12px 0 11px}
.f3-tabs b{font-weight:500;color:#1A73E8;box-shadow:inset 0 -3px 0 #1A73E8}
.f3-rows{list-style:none;margin:0;padding:4px 0}
.f3-rows li{display:flex;align-items:flex-start;gap:14px;padding:8px 18px;font-size:13.5px;color:#3C4043}
.f3-rows li svg{color:#1A73E8;margin-top:1px}
.f3-rows li.miss{color:#9AA0A6}.f3-rows li.miss svg{color:#BDC1C6}
.f3-rows .ok{font-style:normal;color:#188038}
.f3-rows .lnk{color:#1A73E8}
.f3-svc{display:flex;flex-wrap:wrap;gap:6px}.f3-svc i{font-style:normal;font-size:12px;padding:5px 10px;border-radius:100px;background:#F1F3F4;color:#3C4043}
.f3-sec{padding:12px 18px 16px;border-top:8px solid #F1F3F4}
.f3-st{margin:0 0 10px;font:500 15px/1.2 var(--sans)}
.f3-empty{margin:0;font-size:13px;color:#9AA0A6;font-style:italic}
.f3-rev{display:grid;grid-template-columns:auto 1fr;gap:10px}
.f3-av{width:30px;height:30px;border-radius:50%;background:#A142F4;color:#fff;display:grid;place-items:center;font:600 13px/1 var(--sans)}
.f3-rev small,.f3-own small{display:block;font-size:11.5px;color:#5F6368;margin:3px 0 6px}
.sk{display:block;height:8px;border-radius:4px;background:#E8EAED;margin-top:6px}.sk.w90{width:90%}.sk.w80{width:80%}.sk.w60{width:60%}
.f3-own{margin:12px 0 0 40px;padding:10px 12px;border-radius:12px;background:#F8F9FA;border-left:3px solid #1A73E8}
.f3-own b{font:500 12.5px/1.2 var(--sans)}
.f3-post{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center}
.f3-pt{width:72px;height:72px;border-radius:12px;overflow:hidden}.f3-pt svg{width:100%;height:100%;display:block}
.f3-post b{display:block;font:500 13.5px/1.3 var(--sans)}.f3-post small{display:block;margin-top:4px;font-size:12px;color:#5F6368}
/* resalte del punto activo en las dos fichas */
.f3-z{position:relative;transition:box-shadow .35s,background .35s;border-radius:10px}
.f3-hd .f3-z{margin:0 -8px;padding:2px 8px}
.f3-z.on{z-index:3}
.good .f3-z.on{background:rgba(52,168,83,.08);box-shadow:0 0 0 2px #34A853,0 10px 26px -12px rgba(52,168,83,.6)}
.bad .f3-z.on{background:rgba(234,67,53,.06);box-shadow:0 0 0 2px #EA4335}
.f3-cov.f3-z,.f3-sec.f3-z{border-radius:0}
.f3-zb{position:absolute;right:8px;top:-12px;z-index:4;white-space:nowrap;font:600 11.5px/1 var(--sans);padding:7px 10px;border-radius:100px;opacity:0;transform:translateY(4px) scale(.96);transition:opacity .3s,transform .35s cubic-bezier(.3,1.4,.5,1);pointer-events:none}
.f3-cov .f3-zb,.f3-sec .f3-zb{top:10px}
.f3-zb.ok{background:#1E8E3E;color:#fff;box-shadow:0 8px 18px -8px rgba(30,142,62,.7)}
.f3-zb.no{background:#fff;color:#C5221F;border:1px solid #F6AEA9}
.f3-z.on > .f3-zb{opacity:1;transform:none}
@media (max-width:980px){.f3-pair{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.f3-ph svg{transition:none}}

/* ===== 03 · opciones 2 y 3: fichas con las mismas secciones, alineadas ===== */
.f4,.f5{display:none}
html[data-f3="2"] .f4,html[data-f3="3"] .f5{display:block}
html:is([data-f3="2"],[data-f3="3"]) #ficha .sl-tags,html:is([data-f3="2"],[data-f3="3"]) #ficha .sl-pair{display:none}
.f4-gp{display:grid;grid-template-rows:subgrid;grid-row:span 6}
.f3-hd4{padding:14px 18px 4px;display:grid;gap:3px;align-content:start}
.f3-nm4{display:flex;align-items:center;gap:10px;margin-bottom:2px}
.f3-logo.off{background:#E8EAED;color:#9AA0A6;box-shadow:none}
.f3-l{margin:0 -8px;padding:2px 8px}
.f3-av.off{background:#BDC1C6}
.f3-own.none{border-left-color:#F28B82;background:#FEF7F6}.f3-own.none b{color:#C5221F;font-weight:500}
.f3-post.none b{color:#9AA0A6;font-weight:500}
.f3-pt.empty{background:repeating-linear-gradient(45deg,#F1F3F4 0 8px,#ECEEF0 8px 16px);border:1px dashed #DADCE0}
.f4-c .f3-gp{height:100%}
/* opción 3: dos columnas con filas compartidas */
.f5-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto repeat(6,auto);column-gap:clamp(16px,2.6vw,36px)}
.f5-k2 .d{background:#34A853!important}
.f5-k1{grid-column:1;grid-row:1}.f5-k2{grid-column:2;grid-row:1}
.f5-pair .f4-c{grid-row:2/span 6;display:grid;grid-template-rows:subgrid}
.f5-pair .f4-c .f3-gp{grid-row:1/span 6}
/* opción 2: comparador deslizante */
.f4-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,3vw,44px);align-items:center}
.f4-k{margin:0 0 12px;font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.f3-steps.vert{flex-direction:column;flex-wrap:nowrap;gap:8px}
.f3-steps.vert button{width:100%;border-radius:16px;padding:12px 14px 12px 12px;align-items:flex-start;text-align:left}
.f3-steps.vert .tx{display:grid;gap:3px}.f3-steps.vert .tx b{font:500 14.5px/1.2 var(--sans)}.f3-steps.vert .tx small{font-size:12.5px;line-height:1.35;color:var(--ink2)}
.f3-steps .tx b{font-weight:500}
.f4-tip{margin:14px 0 0;font-size:12.5px;color:var(--dim);display:flex;align-items:center;gap:8px}
.f4-tip::before{content:"⇆";font-size:15px;color:var(--ink2)}
.f4-cmp{--p:50%;position:relative;display:grid;max-width:440px;width:100%;justify-self:center;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.f4-layer{grid-area:1/1;display:grid;grid-template-rows:repeat(6,auto)}
.f4-layer .f4-c{grid-row:1/span 6;display:grid;grid-template-rows:subgrid}
.f4-layer .f4-c .f3-gp{grid-row:1/span 6}
.f4-cmp{grid-template-rows:repeat(6,auto)}
.f4-cmp > .f4-layer{grid-row:1/span 6;grid-template-rows:subgrid}
.f4-layer.before{clip-path:inset(0 calc(100% - var(--p)) 0 0);z-index:2}
.f4-tag{position:absolute;top:12px;z-index:4;font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:100px;background:rgba(255,255,255,.92);box-shadow:0 6px 14px -8px rgba(0,0,0,.4)}
.f4-tag.l{left:12px;color:#C5221F}.f4-tag.r{right:12px;color:#188038}
.f4-h{position:absolute;top:0;bottom:0;left:var(--p);z-index:5;width:44px;margin-left:-22px;cursor:ew-resize;outline:none}
.f4-h i{position:absolute;left:21px;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(32,33,36,.15),0 0 14px rgba(32,33,36,.25)}
.f4-h span{position:absolute;left:4px;top:50%;width:36px;height:36px;margin-top:-18px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 6px 18px -6px rgba(32,33,36,.5);border:1px solid #DADCE0;transition:transform .2s}
.f4-h span svg{width:18px;height:18px;fill:none;stroke:#3C4043;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.f4-h:hover span,.f4-h:focus-visible span{transform:scale(1.08)}
.f4-cmp.anim{transition:--p .9s cubic-bezier(.5,0,.2,1)}
@property --p{syntax:'<percentage>';inherits:true;initial-value:50%}
.f4-cmp .f3-zb{display:none}
.f4-cmp .f3-z.on{box-shadow:none;background:none}
.f4-cmp .after .f3-z.on{background:rgba(52,168,83,.10)}
.f4-cmp .before .f3-z.on{background:rgba(234,67,53,.08)}
@media (max-width:980px){.f4-wrap{grid-template-columns:minmax(0,1fr)}.f5-pair{grid-template-columns:minmax(0,1fr)}.f5-k2,.f5-pair .f4-c.good{grid-column:1}.f5-k2{grid-row:auto}.f5-pair .f4-c{grid-row:auto}}

/* ===== landing completa (hueco 4) ===== */
.s4{display:block}
html[data-full] .s4{display:block}
.n-a{display:none}
.s4-g{list-style:none;margin:clamp(28px,4vw,44px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,18px)}
.s4-g li{position:relative;isolation:isolate;display:grid;gap:10px;align-content:start;padding:22px 22px 24px;border-radius:20px;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--c) 6%,#fff));border:1px solid var(--line);box-shadow:0 24px 50px -40px rgba(15,23,34,.45)}
.s4-g li::after{content:"";position:absolute;z-index:-1;left:16%;right:16%;bottom:-14px;height:40%;border-radius:50%;background:var(--c);filter:blur(28px);opacity:.14}
.s4-g .qi{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,#fff)}
.s4-g .qi svg,.s4-pr svg{width:21px;height:21px;fill:none;stroke:color-mix(in srgb,var(--c) 85%,#000);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.s4-g b{font:500 18px/1.25 var(--disp);letter-spacing:-.015em}
.s4-g p{margin:0;font-size:15px;line-height:1.55;color:var(--ink2)}
.s4-g p b{font:inherit;font-weight:600;color:var(--ink)}
.s4-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px clamp(24px,5vw,80px);align-items:start}
.s4-chips{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.s4-chips li{padding:9px 14px;border-radius:100px;background:#fff;border:1px solid var(--line);font-size:14px}
.s4-chips li:nth-child(3n+1){box-shadow:inset 3px 0 0 #4285F4}.s4-chips li:nth-child(3n+2){box-shadow:inset 3px 0 0 #34A853}.s4-chips li:nth-child(3n){box-shadow:inset 3px 0 0 #FBBC04}
.s4-cl{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.s4-k{margin:0;font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.s4-cl ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;flex:1}
.s4-cl a{display:inline-block;padding:8px 13px;border-radius:12px;background:#fff;border:1px solid var(--line);font:500 14px/1 var(--sans);color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s}
.s4-cl a:hover{border-color:#34A853;transform:translateY(-1px)}
.s4-cl .s4-more{background:none;border:0;padding:0;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.s4-tl{list-style:none;margin:clamp(30px,4vw,48px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,24px);position:relative}
.s4-tl::before{content:"";position:absolute;left:0;right:0;top:36px;height:2px;background:linear-gradient(90deg,#4285F4,#34A853 35%,#FBBC04 65%,#EA4335);opacity:.5}
.s4-tl li{position:relative;display:grid;gap:8px;align-content:start}
.s4-when{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--c) 75%,#000)}
.s4-tl i{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--c);margin:6px 0 4px;box-shadow:0 0 0 5px color-mix(in srgb,var(--c) 15%,transparent)}
.s4-tl h3{font:500 21px/1.2 var(--disp);letter-spacing:-.02em}
.s4-tl p{margin:0;font-size:15px;line-height:1.55;color:var(--ink2)}
.s4-note{margin:22px 0 0;font-size:14px;color:var(--dim)}
.s4-pr{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px clamp(24px,4vw,60px);align-items:center;padding:clamp(24px,3.4vw,44px)}
.s4-pl h2{font-size:clamp(36px,4.6vw,60px)}
.s4-pt{display:grid;gap:12px}
.s4-pt p{margin:0;font-size:16.5px;line-height:1.6;color:var(--ink2)}
.s4-pt p strong{color:var(--ink)}
.s4-pt .ctas{margin-top:6px}
.s4-pt .btn{--sh:rgba(251,188,4,.5);border:1px solid #F8D877;background:linear-gradient(180deg,#FFF6D9 0%,#FDEAAF 100%);color:#6B4A00;box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 12px 26px -16px var(--sh)}
.s4-links{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.s4-links a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:100px;background:#fff;border:1px solid var(--line);font-size:14px;color:var(--ink);text-decoration:none;transition:border-color .2s}
.s4-links a::before{content:"";width:7px;height:7px;border-radius:50%;background:#EA4335}
.s4-links.alt a::before{background:#4285F4}
.s4-links a:hover{border-color:var(--ink)}
.s4-k2{margin-top:22px}
@media (max-width:980px){.s4-g{grid-template-columns:repeat(2,minmax(0,1fr))}.s4-split,.s4-pr{grid-template-columns:minmax(0,1fr)}.s4-tl{grid-template-columns:repeat(2,minmax(0,1fr))}.s4-tl::before{display:none}}
@media (max-width:640px){.s4-g,.s4-tl{grid-template-columns:minmax(0,1fr)}.s4-tl{gap:26px}.s4-cl{flex-direction:column;align-items:flex-start}.s4-cl ul{flex:none}.s4-cl a{white-space:nowrap}}

/* ===== ficha: opción 4, fija con deslizador ===== */
.f6{display:grid}
html[data-f3="4"] #ficha .sl-tags,html[data-f3="4"] #ficha .sl-pair{display:none}
.f6{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,56px);align-items:center;margin-top:clamp(22px,3vw,34px)}
.f6-k{margin:0 0 10px;font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.f6-p{margin:0;font-size:16.5px;line-height:1.55;color:var(--ink2);max-width:40ch}
.f6-p b{color:var(--ink);font-weight:600}
.f6-pts{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:8px}
.f6-pts li{display:grid;grid-template-columns:10px minmax(0,1fr);column-gap:12px;padding:11px 14px;border-radius:14px;background:rgba(255,255,255,.75);border:1px solid var(--line)}
.f6-pts li::before{content:"";grid-row:1/3;align-self:center;width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 18%,transparent)}
.f6-pts b{font:500 15px/1.3 var(--sans);color:var(--ink)}
.f6-pts span{font-size:13.5px;line-height:1.4;color:var(--ink2)}
.f6-cmp{--p:50%;position:relative;display:grid;max-width:480px;width:100%;justify-self:center;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:ew-resize}
.f6-ly{grid-area:1/1;min-width:0}
.f6-ly .sl-gb{height:100%}
.f6-ly.bad .sl-gb{opacity:1}
.f6-ly.bad .sl-ca span{color:#80868B;border-color:#E8EAED}
.f6-ly.bad .sl-cr li::before{background:transparent;border:1.5px solid #EA4335}
.f6-ly.good{clip-path:inset(0 0 0 var(--p))}
.f6-ly.good .sl-gb{border-color:#A8DAB5}
.f6-cmp.anim{transition:--p .9s cubic-bezier(.5,0,.2,1)}
@property --p{syntax:"<percentage>";inherits:true;initial-value:50%}
.f6-tag{position:absolute;top:12px;z-index:2;padding:6px 10px;border-radius:100px;background:#fff;font:600 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 4px 14px -6px rgba(15,23,34,.35);pointer-events:none;transition:opacity .25s}
.f6-tag.a{left:12px;color:#C5221F}
.f6-tag.d{right:12px;color:#137333}
.f6-h{position:absolute;z-index:3;top:-8px;bottom:-8px;left:var(--p);width:44px;margin-left:-22px;display:grid;place-items:center;outline:none}
.f6-h::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;border-radius:2px;background:#fff;box-shadow:0 0 0 1px rgba(15,23,34,.12),0 0 12px rgba(15,23,34,.18)}
.f6-h i{position:relative;width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:0 6px 18px -6px rgba(15,23,34,.45),0 0 0 1px rgba(15,23,34,.08);display:grid;place-items:center}
.f6-h i::before{content:"";width:16px;height:16px;background:conic-gradient(from 0deg,#4285F4 0 25%,#34A853 0 50%,#FBBC04 0 75%,#EA4335 0);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 7-5 5 5 5M16 7l5 5-5 5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 7-5 5 5 5M16 7l5 5-5 5'/%3E%3C/svg%3E") center/contain no-repeat}
.f6-h:focus-visible i{box-shadow:0 0 0 3px #1A73E8}
.f6-cmp.lo .f6-tag.a,.f6-cmp.hi .f6-tag.d{opacity:0}
@media (max-width:980px){.f6{grid-template-columns:minmax(0,1fr)}.f6-pts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.f6-pts{display:none}}

/* ===== bloque 03: fotos reales ===== */
html .f6 .sl-cov{height:118px}
html .f6 .sl-cb{padding-top:12px}
html .f6 .sl-cr li{padding:7px 0}
html .f6 .sl-cov span{position:relative;overflow:hidden;background:#DDE3EA}
html .f6-im{display:block;width:100%;height:100%;object-fit:cover}
html .f6 .sl-cov.empty{position:relative;display:block;overflow:hidden;background:#E8EAED}
html .f6-nf{display:none}
html .f6-im.old{position:absolute;inset:0;filter:saturate(.35) brightness(.82) contrast(.9) blur(.6px)}
html .f6-pc,html .f6-more{display:block;position:absolute;font:600 11px/1 var(--sans);color:#fff;font-style:normal}
html .f6-pc{left:12px;bottom:12px;padding:6px 9px;border-radius:8px;background:rgba(32,33,36,.7)}
html .f6-more{inset:0;display:grid;place-items:center;font-size:20px;background:rgba(32,33,36,.38)}
html .f6-post{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;margin:0 16px 14px;padding:7px 8px;border-radius:12px;background:#F8F9FA}
html .f6-th{display:block;width:40px;height:40px;border-radius:9px;object-fit:cover;background:#E8EAED}
html .f6-post b{display:block;font:500 13.5px/1.3 var(--sans);color:#202124}
html .f6-post small{font-size:12px;color:#5F6368}
html .f6-post.no b{color:#5F6368}
html .f6-post.no .f6-th{background:repeating-linear-gradient(135deg,#E8EAED 0 6px,#F1F3F4 6px 12px)}

/* ================= PRUEBA ARTÍSTICA (hueco 5 · data-wild) ================= */
.w-stk,.w-cities{display:none}
@keyframes wmq{to{transform:translateX(-100%)}}
@keyframes wspin{to{transform:rotate(360deg)}}
@keyframes wblob{0%{transform:translate(0,0) scale(1)}50%{transform:translate(4%,-6%) scale(1.12)}100%{transform:translate(-3%,5%) scale(.95)}}
html[data-wild] .w-rv{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
html[data-wild] .w-rv.in{opacity:1;transform:none}

/* 06 · columnas de color a todo el ancho (★) */
.w-cols{display:flex;width:100vw;margin:clamp(34px,4vw,56px) 0 0 calc(50% - 50vw);min-height:clamp(380px,36vw,480px)}
.w-col{position:relative;overflow:hidden;flex:1 1 0;background:var(--bg);padding:clamp(22px,2.6vw,40px);display:flex;flex-direction:column;justify-content:flex-end;transition:flex-grow .6s cubic-bezier(.2,.7,.2,1),background .4s}
.w-col:hover{flex-grow:1.7}
.w-big{position:absolute;top:-.12em;right:-.04em;font:700 clamp(180px,22vw,340px)/1 var(--disp);letter-spacing:-.06em;color:var(--c);opacity:.18;transition:opacity .4s,transform .6s cubic-bezier(.2,.7,.2,1)}
.w-col:hover .w-big{opacity:.32;transform:translateY(10px)}
.w-ct{position:relative;max-width:34ch}
.w-when{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--c) 80%,#000)}
.w-col h3{margin:10px 0 10px;font:600 clamp(26px,2.6vw,38px)/1.05 var(--disp);letter-spacing:-.035em;color:#111}
.w-col p{margin:0;font-size:15.5px;line-height:1.55;color:#3d3d3d}
.w-col + .w-col{box-shadow:inset 1px 0 0 rgba(17,17,17,.06)}
#como-trabajamos .s4-note{text-align:center}

/* 07 · precio en tipografía gigante */
html[data-wild] #precio{position:relative}
html[data-wild] .s4-pr{background:none;border:0;padding:0;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:end}
html[data-wild] .s4-pl h2{font-size:clamp(46px,10.5vw,170px);line-height:.9;letter-spacing:-.06em;max-width:none}
html[data-wild] .s4-pl h2{background:linear-gradient(100deg,#8AB4F8 0%,#81C995 22%,#F6C866 44%,#F28B82 66%,#8AB4F8 88%,#81C995 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:wgrad 9s ease-in-out infinite alternate}
html[data-wild] .s4-pl h2 .h2kw{-webkit-text-fill-color:var(--ink2);color:var(--ink2);background:none;font-size:12px;letter-spacing:.08em;line-height:1.3}
@keyframes wgrad{from{background-position:0 0}to{background-position:100% 0}}
html[data-wild] .s4-pt{padding:24px;border-radius:22px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:0 30px 60px -44px rgba(17,17,17,.4)}
html[data-wild] .w-stk{display:grid;place-items:center;position:absolute;right:max(0px,calc(38% - 80px));top:clamp(90px,10vw,140px);width:clamp(120px,12vw,170px);aspect-ratio:1;border-radius:50%;background:#111;color:#fff;z-index:2;box-shadow:0 20px 40px -18px rgba(17,17,17,.6);transform:rotate(-8deg)}
html[data-wild] .w-stk svg{position:absolute;inset:0;width:100%;height:100%;animation:wspin 22s linear infinite}
html[data-wild] .w-stk text{font:600 14px var(--mono);fill:#fff}
html[data-wild] .w-stk b{font:600 clamp(32px,3.4vw,46px)/1 var(--disp);color:#FCE19A}

/* 09 · ciudades en lista tipográfica */
html[data-wild] #zonas .s4-links:not(.alt){display:none}
html[data-wild] .w-cities{display:block;list-style:none;margin:22px 0 0;padding:0;border-top:1px solid var(--line)}
html[data-wild] .w-cities a{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:14px 6px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);overflow:hidden}
html[data-wild] .w-cities a::before{content:"";position:absolute;z-index:-1;inset:0;background:var(--c);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
html[data-wild] .w-cities a:hover::before{transform:none}
html[data-wild] .w-cn{font:500 clamp(26px,2.8vw,40px)/1 var(--disp);letter-spacing:-.04em;transition:transform .4s cubic-bezier(.2,.7,.2,1),color .3s}
html[data-wild] .w-cities a:hover .w-cn{transform:translateX(12px);color:#fff}
html[data-wild] .w-ctag{font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:6px 9px;border-radius:100px;background:#E2F4E7;color:#137333}
html[data-wild] .w-ctag.r{background:#E4EDFD;color:#1A56C4}
html[data-wild] .w-arr{font-size:22px;transition:transform .4s,color .3s}
html[data-wild] .w-cities a:hover .w-arr{transform:translateX(-4px) rotate(-45deg);color:#fff}

@media (max-width:980px){
  .w-cols{flex-wrap:wrap}
  .w-col{flex:1 1 50%;min-height:300px}
  .w-col:hover{flex-grow:1}
  html[data-wild] .s4-pr{grid-template-columns:minmax(0,1fr)}
  html[data-wild] .w-stk{right:16px;top:60px}
}
@media (max-width:640px){
  .w-col{flex-basis:100%;min-height:260px}
  html[data-wild] .w-stk{width:96px;top:40px}
  html[data-wild] .w-stk text{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  html[data-wild] .w-run,html[data-wild] .w-stk svg,html[data-wild] .s4-pl h2{animation:none}
  html[data-wild] .w-rv{opacity:1;transform:none;transition:none}
}

/* ===== 07 Precio (★): dos columnas, fondo blanco con linterna, número negro, barra de color y «unos 10 € al día» ===== */
@keyframes pvgrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.s4-pr{position:relative;isolation:isolate;overflow:hidden;background:#fff;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);padding:clamp(32px,4.4vw,56px)}
.pv-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.pv-glow i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.45}
.pv-glow i:nth-child(1){width:40%;height:80%;left:-4%;top:10%;background:#A9C7FB}
.pv-glow i:nth-child(2){width:36%;height:70%;left:34%;top:40%;background:#A8E0B9}
.pv-glow i:nth-child(3){width:36%;height:80%;right:-4%;top:-10%;background:#FCE19A}
.pv-glow::after{content:"";position:absolute;inset:0;background:radial-gradient(360px 280px at var(--mx,50%) var(--my,40%),rgba(255,255,255,.95),transparent 70%);mix-blend-mode:soft-light}
.s4-pr .s4-pl{padding-right:clamp(0px,3vw,40px);border-right:1px solid rgba(17,17,17,.1)}
.s4-pr .s4-pl h2{font-size:clamp(56px,7.2vw,100px);line-height:.98;letter-spacing:-.055em}
.s4-pl h2 .pr-d,.s4-pl h2 .pr-u{font-size:.42em;letter-spacing:-.01em;color:var(--ink2)}
.s4-pl h2 .pr-d{display:block;margin-bottom:8px}
.pv-bar{display:flex;gap:4px;height:4px;width:min(220px,100%);margin-top:20px}
.pv-bar i{flex:1;border-radius:4px;transform-origin:left;animation:pvgrow 1.1s cubic-bezier(.2,.7,.2,1) both}
.pv-bar i:nth-child(1){background:#8AB4F8}.pv-bar i:nth-child(2){background:#81C995;animation-delay:.12s}.pv-bar i:nth-child(3){background:#F6C866;animation-delay:.24s}.pv-bar i:nth-child(4){background:#F28B82;animation-delay:.36s}
.pv-day{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:9px 14px;border-radius:100px;background:rgba(255,255,255,.8);border:1px solid var(--line);font:500 14px/1 var(--sans);color:var(--ink2)}
.pv-day i{width:8px;height:8px;border-radius:50%;background:#34A853;box-shadow:0 0 0 4px rgba(52,168,83,.18)}
@media (max-width:980px){.s4-pr{grid-template-columns:minmax(0,1fr)}.s4-pr .s4-pl{border-right:0;padding-right:0}}
@media (prefers-reduced-motion:reduce){.pv-bar i{animation:none}}

/* ===== revisión SEO: keywords en rojo + resumen (temporal) ===== */
mark.kw{background:rgba(234,67,53,.10);color:#C5221F;-webkit-text-fill-color:#C5221F;border-bottom:2px solid #EA4335;padding:0 .06em;border-radius:3px}
html.kw-off mark.kw{background:none;color:inherit;-webkit-text-fill-color:inherit;border:0;padding:0}
mark.kw.fl{animation:kwfl 1.6s ease 2}
@keyframes kwfl{50%{background:rgba(234,67,53,.4)}}
.kwrev{background:#FFF6F5;border-top:3px solid #EA4335;padding:clamp(40px,6vw,80px) 0;font-family:var(--sans)}
.kwrev-in{max-width:1240px;margin:0 auto;padding:0 clamp(16px,3vw,40px)}
.kwrev-hd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 40px}
.kwrev-k{margin:0 0 10px;font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#C5221F}
.kwrev-h{margin:0;font:500 clamp(28px,3.2vw,42px)/1.1 var(--disp);letter-spacing:-.03em;color:#111}
.kwrev-p{margin:12px 0 0;max-width:70ch;font-size:15px;line-height:1.55;color:#5A5A5A}
.kwrev-st{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.kwrev-st span{padding:9px 14px;border-radius:100px;background:#fff;border:1px solid #F3C7C3;font-size:14px;color:#5A5A5A}
.kwrev-st b{color:#111}
.kwrev-bt{padding:10px 16px;border-radius:100px;border:1px solid #EA4335;background:#fff;color:#C5221F;font:600 14px/1 var(--sans);cursor:pointer}
.kwrev-bt:hover{background:#EA4335;color:#fff}
.kwrev-tb{margin-top:28px;overflow-x:auto;border-radius:16px;border:1px solid #F3C7C3;background:#fff}
.kwrev table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:640px}
.kwrev th{text-align:left;padding:12px 16px;font:500 11px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#8C8C8C;border-bottom:1px solid #F3C7C3;background:#FFFBFA}
.kwrev td{padding:11px 16px;border-bottom:1px solid #F7E3E1;color:#333}
.kwrev tr:last-child td{border-bottom:0}
.kwrev th:nth-child(n+3),.kwrev td:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}
.kwrev td:first-child{font-weight:600;color:#C5221F;cursor:pointer}
.kwrev td:first-child:hover{text-decoration:underline}
.kwrev td:nth-child(3){font-weight:700;color:#111}
.kwrev td.z{color:#C9C9C9}
.kwrev tr.none td:first-child{color:#8C8C8C}
.kwrev .tp{display:inline-block;padding:4px 8px;border-radius:100px;font:500 11px/1 var(--mono);background:#F1F3F4;color:#5A5A5A}
.kwrev .tp.p{background:#FCE8E6;color:#C5221F}
.kwrev-f{margin:12px 0 0;font-size:13px;color:#8C8C8C}

.kwrev-meta{margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kwrev-mi{background:#fff;border:1px solid #F3C7C3;border-radius:14px;padding:14px 16px;display:grid;gap:6px}
.kwrev-mi small{font:500 10.5px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8C8C8C;display:flex;justify-content:space-between;gap:10px}
.kwrev-mi p{margin:0;font-size:14.5px;line-height:1.45;color:#222}
.kwrev-mi .ok{color:#137333}.kwrev-mi .no{color:#C5221F}
.kwrev .stt{display:inline-block;padding:4px 9px;border-radius:100px;font:600 11.5px/1 var(--sans)}
.kwrev .stt.v{background:#E6F4EA;color:#137333}.kwrev .stt.a{background:#FEF7E0;color:#B06000}.kwrev .stt.r{background:#FCE8E6;color:#C5221F}
#kwOk{font-weight:600}
@media (max-width:760px){.kwrev-meta{grid-template-columns:minmax(0,1fr)}}

.todo{margin-top:clamp(40px,5vw,64px);padding-top:clamp(32px,4vw,48px);border-top:1px dashed #F3C7C3}
.todo-w{margin-top:24px;display:grid;gap:18px}
.todo-g{background:#fff;border:1px solid #F3C7C3;border-radius:16px;padding:18px 20px}
.todo-h{margin:0 0 12px;font:500 11px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.todo-h::before{content:"";width:9px;height:9px;border-radius:50%}
.todo-g.b .todo-h{color:#C5221F}.todo-g.b .todo-h::before{background:#EA4335}
.todo-g.i .todo-h{color:#B06000}.todo-g.i .todo-h::before{background:#FBBC04}
.todo-g.m .todo-h{color:#5A5A5A}.todo-g.m .todo-h::before{background:#9AA0A6}
.todo ol{list-style:none;margin:0;padding:0;display:grid}
.todo li{border-top:1px solid #F7E3E1}
.todo li:first-child{border-top:0}
.todo label{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;padding:12px 0;cursor:pointer}
.todo input{width:17px;height:17px;margin:2px 0 0;accent-color:#1E8E3E}
.todo label span{display:grid;gap:4px}
.todo b{font:600 15px/1.35 var(--sans);color:#111}
.todo em{justify-self:start;font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;font-style:normal;padding:4px 8px;border-radius:100px;background:#F1F3F4;color:#5A5A5A}
.todo small{font-size:14px;line-height:1.5;color:#5A5A5A}
.todo input:checked + span b,.todo input:checked + span small{text-decoration:line-through;color:#9AA0A6}

/* botón del mando: keywords en rojo sí / no */
.dock .kwb{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;display:grid;place-items:center;font:700 9.5px/1 var(--mono);letter-spacing:.02em;color:#8C8C8C;padding:0}
.dock .kwb[aria-pressed="true"]{background:#FCE8E6;border-color:#EA4335;color:#C5221F}
.dock .kwb:hover{border-color:#EA4335}

/* revisión SEO a todo el ancho */
.kwrev{position:relative;isolation:isolate;background:none}
.kwrev::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#FFF6F5;border-top:3px solid #EA4335}
.kwrev{border-top:0}


/* ===== Móvil (criterios aprobados en la home, 4 nov). Solo por debajo de 640 px: el ordenador no cambia ===== */
@media (max-width:640px){
/* cabecera y hero compacto */
html .ruler{display:none!important}
html .hd{height:60px!important}
html .hero{min-height:0!important;display:block!important;padding-top:12px!important}
html .hero .hgrid{align-items:start!important}
html .hero .hcol{gap:12px!important}
html .hero .h1kw{font-size:10.5px!important;letter-spacing:.04em!important}
html .hero .title{font-size:clamp(31px,9.2vw,37px)!important;line-height:1.04!important;letter-spacing:-.04em!important}
html .hero .sub{font-size:15.5px!important;line-height:1.45!important}
html .hero .ctas{gap:8px 14px!important}
html .hero .ctas .btn{padding:12px 18px!important;font-size:14px!important}
html .hero .ctas .btn.ghost{background:none!important;border:0!important;padding:6px 2px!important;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--frame);box-shadow:none!important}
html .hero .spec{margin-top:16px!important}
html .hero .spec small{display:none!important}
html .hero .spec b{font-size:21px!important}
html .hero .spec span{margin-top:4px!important;font-size:12.5px!important;line-height:1.3!important}
html .hero .spec div,html .hero .spec div + div{padding:11px 14px 12px!important}
html .hero .spec div:nth-of-type(-n+2){border-bottom:1px solid rgba(17,17,17,.08)}
html .hero .spec div:nth-of-type(odd){border-right:1px solid rgba(17,17,17,.08)!important}
html .hero .spec div:nth-of-type(even){border-right:0!important}
/* general: sin títulos numerados, 80 px entre bloques, titulares y entradillas */
html .blk .secn,html .ct-box .secn{display:none!important}
html #ficha .secn{display:flex!important;margin-bottom:12px!important}
html #ficha .secn > b,html #ficha .secn::after{display:none!important}
html .blk{padding-top:80px!important}
html .blk.qh{padding-bottom:8px!important}
html .blk h2.fr .h2kw,html .blk .h2kw{font-size:10px!important;letter-spacing:.06em!important}
html .blk h2,html .blk .ct-h{font-size:27px!important;line-height:1.1!important;letter-spacing:-.035em!important}
html .blk .lead,html .blk .intro2,html .blk .ct-p{font-size:15.5px!important;line-height:1.5!important}
/* 01 qué es */
html .qbox{padding-top:10px!important;gap:30px!important}
html .qbox .split{gap:16px!important}
html .qsv{gap:12px!important}
html .qsv li{padding:14px!important;gap:2px 12px!important;border-radius:14px!important;align-items:start!important}
html .qsv .qi{width:34px!important;height:34px!important}
html .qsv b{font-size:15.5px!important}
html .qsv small{font-size:13.5px!important}
html .qsv .sl-chip{margin-top:6px!important;padding:5px 9px!important;font-size:10px!important}
html .sl-close,html .sl-close b{font-size:16.5px!important;line-height:1.45!important}
/* 02 mapa */
html #mapa .intro2{margin-top:10px!important}
html #mapa .panel{padding:12px!important;gap:16px!important;margin-top:20px!important}
html #mapa .m2-phone{zoom:.7}
html #mapa .m2-r{gap:12px!important}
html #mapa .m2-cards{gap:12px!important}
html #mapa .sl-card{padding:14px!important}
html #mapa .m2-gw{zoom:.8}
html #mapa .m2-met{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
html #mapa .m2-met > div{padding:9px 8px!important;gap:2px!important;grid-template-columns:minmax(0,1fr)!important}
html #mapa .m2-met small{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html #mapa .m2-met b{font-size:20px!important}
html #mapa .m2-met em{justify-self:start;font-size:10px!important;padding:3px 5px!important}
/* 03 ficha */
html #ficha .panel{padding:12px!important;gap:14px!important;margin-top:20px!important}
html #ficha .f6-p{font-size:15px!important}
html #ficha .f6-h::before{pointer-events:none}
html #ficha .sl-where{font-size:14.5px!important;margin-top:16px!important}
/* 04 qué incluye */
html #incluye .intro2{margin-top:10px!important}
html #incluye .s4-g{gap:12px!important;margin-top:20px!important}
html #incluye .s4-g li{padding:14px 16px 16px!important;grid-template-columns:34px minmax(0,1fr)!important;column-gap:12px!important;row-gap:4px!important;align-items:center!important}
html #incluye .s4-g .qi{width:34px!important;height:34px!important;grid-row:1!important}
html #incluye .s4-g li > b{font-size:16px!important;line-height:1.25!important;grid-column:2!important;grid-row:1!important}
html #incluye .s4-g li > p{font-size:14px!important;line-height:1.5!important;grid-column:1/-1!important}
/* 05 para quién */
html #para-quien .s4-split{gap:14px!important}
html #para-quien .s4-chips{gap:6px!important;margin-top:16px!important}
html #para-quien .s4-chips li{padding:7px 11px!important;font-size:13px!important}
html #para-quien .s4-cl{padding:14px!important;margin-top:24px!important;gap:10px!important}
html #para-quien .s4-cl ul{gap:6px!important}
html #para-quien .s4-cl li a,html #para-quien .s4-cl li{font-size:13px!important}
/* 06 cómo trabajamos */
html #como-trabajamos .w-cols{margin-top:22px!important;min-height:0!important}
html #como-trabajamos .w-col{min-height:0!important;padding:18px 20px!important}
html #como-trabajamos .w-big{font-size:110px!important;height:auto!important}
html #como-trabajamos .w-col h3{font-size:21px!important;margin:4px 0 6px!important}
html #como-trabajamos .w-col p{font-size:14px!important;line-height:1.5!important}
html #como-trabajamos .s4-note{font-size:13px!important;margin-top:14px!important}
/* 07 precio */
html #precio .s4-pr{padding:22px 18px!important;gap:16px!important}
html #precio .pr-n{font-size:46px!important}
html #precio .pr-d,html #precio .pr-u{font-size:19px!important}
html #precio .s4-pt p{font-size:14.5px!important;line-height:1.55!important}
html #precio .pv-glow{pointer-events:none}
/* 08 preguntas */
html #preguntas .fq-g{gap:14px!important}
html #preguntas summary{font-size:15.5px!important}
html #preguntas details p{font-size:14.5px!important}
html #preguntas .fq-rel{gap:6px!important;margin-top:18px!important}
html #preguntas .fq-rel a{font-size:13px!important;padding:7px 11px!important}
/* 09 zonas */
html #zonas .s4-split{gap:14px!important}
html #zonas .s4-links{flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important;margin-top:16px!important}
html #zonas .s4-links li{display:block}
html #zonas .s4-links a{font-size:12.5px!important;padding:6px 10px!important;gap:6px!important}
/* 10 contacto */
html .ct-box{padding:36px 0!important}
html .ct-t{gap:8px!important;margin-top:18px!important}
html .ct-t li{padding:8px 12px!important;font-size:13px!important}
html .ct-bg,html .ct-glow{pointer-events:none}
/* mando del prototipo: barra abajo para no tapar la página (no irá a la web real) */
.dock{top:auto!important;bottom:max(10px,env(safe-area-inset-bottom,0px))!important;right:auto!important;left:50%!important;transform:translateX(-50%)!important;grid-auto-flow:column;gap:4px!important;padding:5px 7px!important}
.dock button{width:28px!important;height:28px!important}
.dock hr{width:1px!important;height:16px!important;margin:auto 3px!important}
.tag{bottom:62px!important}
}


/* SEO local en móvil: radar del hero en pequeño (búsqueda cercana, ruta hasta tu ficha y aviso). Solo por debajo de 640 px */
.slh{display:none}
@media (max-width:640px){
.hero .slh{display:block;position:relative;width:100%;justify-self:stretch;height:150px;margin:6px 0 -2px;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.75);--px:70%;--py:32%}
.slh-svg{position:absolute;inset:0;width:100%;height:100%}
.slh-svg .rg{fill:none;stroke:rgba(26,115,232,.22);stroke-width:1;stroke-dasharray:3 4}
.slh-svg .rt{fill:none;stroke:#1A73E8;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.slh-sw{position:absolute;left:var(--px);top:var(--py);width:220px;height:220px;margin:-110px 0 0 -110px;border-radius:50%;background:conic-gradient(from 0deg,rgba(26,115,232,.18),rgba(26,115,232,0) 70deg,transparent 360deg);animation:slhSpin 4.5s linear infinite}
@keyframes slhSpin{to{transform:rotate(360deg)}}
.slh-pin{position:absolute;left:var(--px);top:var(--py);width:28px;margin:-36px 0 0 -14px;filter:drop-shadow(0 8px 10px rgba(234,67,53,.35));z-index:3}
.slh-pin svg{display:block;width:100%;height:auto}
.slh-pin.hit{animation:slhBounce .7s cubic-bezier(.3,1.6,.5,1)}
@keyframes slhBounce{40%{transform:translateY(-8px)}}
.slh-me{position:absolute;left:var(--px);top:var(--py);transform:translate(-50%,6px);display:grid;gap:2px;padding:6px 9px;border-radius:9px;background:#fff;box-shadow:0 10px 20px -12px rgba(32,33,36,.55);font:400 10.5px/1.2 var(--sans);color:#5F6368;text-align:center;z-index:3;white-space:nowrap}
.slh-me b{font:600 11.5px/1.1 var(--sans);color:#202124}
.slh-me em{font-style:normal;color:#F4B400}.slh-me u{text-decoration:none;color:#188038}
.slh-u{position:absolute;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:#1A73E8;box-shadow:0 0 0 4px rgba(26,115,232,.2);opacity:0;transition:opacity .3s;z-index:2}
.slh-q{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:100px;background:#fff;border:1px solid #DADCE0;box-shadow:0 10px 20px -12px rgba(32,33,36,.55);font:400 11.5px/1 var(--sans);color:#202124;white-space:nowrap;opacity:0;transform:translateY(5px);transition:opacity .35s,transform .35s;z-index:4}
.slh-q svg{width:11px;height:11px;stroke:#5F6368;fill:none;stroke-width:2.2}
.slh-q i{width:1.5px;height:12px;background:#1A73E8;animation:slhCar .8s steps(1) infinite}
@keyframes slhCar{50%{opacity:0}}
.slh-q.on{opacity:1;transform:none}
.slh-t{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:8px;padding:7px 11px 7px 7px;border-radius:12px;background:#fff;box-shadow:0 12px 24px -14px rgba(32,33,36,.55);opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s;z-index:4;max-width:calc(100% - 20px)}
.slh-t.on{opacity:1;transform:none}
.slh-t i{flex:none;width:24px;height:24px;border-radius:50%;background:var(--tc,#1E8E3E);display:grid;place-items:center}
.slh-t i svg{width:12px;height:12px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.slh-t span{display:grid;gap:2px;min-width:0}
.slh-t b{font:600 11.5px/1.1 var(--sans);color:#202124;white-space:nowrap}
.slh-t small{font:400 10px/1.2 var(--sans);color:#5F6368;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (prefers-reduced-motion:reduce){.slh-sw{animation:none}}
}

.pl-toast{position:fixed;left:50%;bottom:22px;z-index:9999;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:11px 16px;border-radius:100px;background:#1B1B2F;color:#fff;font:500 13px/1.3 'Instrument Sans',system-ui,sans-serif;box-shadow:0 18px 40px -18px rgba(0,0,0,.5);transition:opacity .25s,transform .3s;max-width:calc(100vw - 32px);text-align:center}.pl-toast.on{opacity:1;transform:translate(-50%,0)}.pl-toast b{color:#FFB199;font-weight:600}
/* preguntas: formato aprobado de la web (centrado, dos columnas) */
.s4-faq .fq-g{display:grid!important;grid-template-columns:minmax(0,1fr)!important;justify-items:center;gap:clamp(24px,4vh,40px)}
.s4-faq .dw-hh{text-align:center}.s4-faq .dw-n{justify-content:center}
.s4-faq h2{position:static!important;text-align:center;max-width:20ch;margin-inline:auto}
.s4-faq .fq-l{width:100%;max-width:1060px;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,4vw,56px);align-items:start;border-top:0!important}
.s4-faq .fq-l>*:nth-child(-n+2){border-top:1px solid var(--line)}
.s4-faq .fq-l details{border-bottom:1px solid var(--line);padding:11px 0}
.s4-faq .fq-l summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:3px 0;font:500 15.5px/1.35 var(--disp);letter-spacing:-.01em}
.s4-faq .fq-l summary::-webkit-details-marker{display:none}
.s4-faq .fq-l summary::after{content:"+";flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font:400 16px/1 var(--sans);transition:transform .3s,background .3s}
.s4-faq .fq-l details[open] summary::after{transform:rotate(45deg);background:#E8F1FF;border-color:#C9DBF7}
.s4-faq .fq-l details p{margin:10px 0 0;padding:0 8px 0 0;font-size:15px;line-height:1.55;color:var(--ink2)}
.s4-faq .fq-more{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font:500 15.5px/1.35 var(--disp);letter-spacing:-.01em}
.s4-faq .fq-more b{font-weight:inherit}.s4-faq .fq-more span{color:#1A56C4}
.s4-faq .fq-more::after{content:"→";flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--page);font:400 13px/1 var(--sans);transition:transform .3s}
.s4-faq .fq-more:hover::after{transform:translateX(3px)}
@media (max-width:980px){.s4-faq .fq-l{grid-template-columns:minmax(0,1fr)}.s4-faq .fq-l>*:nth-child(2){border-top:0}}
.s4-faq .fq-l details p a{color:#1A56C4;text-decoration:underline;text-underline-offset:3px}
.s4-faq .fq-rel{grid-column:1/-1;width:100%;max-width:1060px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;margin-top:8px}
.s4-faq .fq-rel span{font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-right:6px}
.s4-faq .fq-rel a{padding:7px 13px;border-radius:100px;border:1px solid var(--line);font-size:13.5px;color:var(--ink);text-decoration:none;transition:border-color .2s,background .2s}
.s4-faq .fq-rel a:hover{border-color:#1A56C4;background:#F2F6FD}
.s4-faq .fq-g h2{font:500 clamp(32px,3.6vw,52px)/1.04 var(--disp);letter-spacing:-.045em}
.s4-faq .secn{display:flex;justify-content:center;gap:6px;font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);margin-bottom:14px}
.s4-faq .fq-l summary h3{font:inherit;letter-spacing:inherit;margin:0}
.s4-faq .fq-l summary i{display:none}
.s4-faq .secn{width:100%;align-items:center}.s4-faq .secn::after,.s4-faq .secn::before{display:none!important}.s4-faq .secn b{color:#EA4335}.s4-faq .secn b::after{content:" ·"}
.s4-faq .fq-g .h2kw{color:#EA4335}

/* foto de Josep */.ab-ph.has-ph,.jb-ph.has-ph{border:0!important;padding:0!important;overflow:hidden;background:#E9E7E2!important;box-shadow:0 0 0 3px #fff,0 10px 24px -12px rgba(17,17,17,.45)}.ab-ph.has-ph img,.jb-ph.has-ph img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
nav.dock,#tag{display:none!important}