/* ARAD 2027 · Detalle serif: EB Garamond (OFL), solo citas y líneas de acento */
@font-face{font-family:'EB Garamond';src:url('/assets/fonts/EBGaramond-Variable.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
/* ARAD 2027 · Tipografía única: Switzer (Indian Type Foundry · Fontshare, licencia libre comercial). Variable 100-900. */
@font-face{font-family:'Switzer';src:url('/assets/fonts/Switzer-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
/* ═══════════════════════════════════════════════════════════════════
   ARAD 2027 — Sistema de diseño (Ronda 10 · UX de la web)
   Negro #0A0A0A · marfil #F3EFE7 · carmesí #A8112C (único rojo de la UI)
   Titulares: Bodoni Moda · Texto: Helvetica Neue
   Prefijo a27- para no chocar con el CSS heredado de header.php.
   ═══════════════════════════════════════════════════════════════════ */

:root{
  --a27-ink:#0A0A0A;
  --a27-ink-2:#1B1B1B;
  --a27-ivory:#F3EFE7;
  --a27-card:#FBF9F4;
  --a27-hair:#D9D4C8;
  --a27-text:#E8E6E3;
  --a27-mute:#B8B8B8;
  --a27-dim:#8A8A8A;
  --a27-stone:#6B685F;
  --a27-accent:#A8112C;
  --a27-serif:'Switzer','Helvetica Neue',Helvetica,Arial,sans-serif;
  --a27-sans:'Switzer','Helvetica Neue',Helvetica,Arial,sans-serif;
  --a27-top:84px;
  --a27-gutter:clamp(22px,11.7vw,150px);
}

/* ── Base de páginas 2027 ─────────────────────────────────────────── */
html.a27{color-scheme:only light;overflow-x:clip;scroll-behavior:auto;background:var(--a27-ink)}
body.a27{overflow-x:clip;overflow-y:visible;background:var(--a27-ink);color:var(--a27-text);font-family:var(--a27-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.a27 #navbar{display:none!important}           /* nav heredado: se conserva en el DOM porque footer.php lo referencia */
body.a27 *{box-sizing:border-box}
body.a27 img{display:block;max-width:100%}
body.a27 a{color:inherit;text-decoration:none}
body.a27 :focus-visible{outline:2px solid var(--a27-accent);outline-offset:3px}
body.a27-lock{overflow:hidden}
.a27-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.a27-serif{font-family:var(--a27-serif)}
.a27-cap{font-weight:300;text-transform:uppercase;letter-spacing:.36em;font-size:13px}
.a27-h{font-family:var(--a27-serif);font-weight:500;letter-spacing:-.02em;line-height:1.04;color:#fff;margin:0}
.a27-h i,.a27-it{font-style:italic}
.a27-it{font-family:var(--a27-serif);font-weight:500}
.a27-lab{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--a27-stone)}

/* ── Botón fantasma: uno por pantalla ─────────────────────────────── */
.a27-btn{display:inline-block;background:rgba(255,255,255,.1);border:0;border-radius:28px;padding:15px 34px;font:inherit;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--a27-text);cursor:pointer;transition:background .3s ease,color .3s ease}
.a27-btn:hover,.a27-btn:focus-visible{background:rgba(255,255,255,.2)}
.a27-btn--ink{background:var(--a27-ink);color:#fff}
.a27-btn--ink:hover,.a27-btn--ink:focus-visible{background:#2a2a2a}

/* ── Barra superior: tres puntos fijos ────────────────────────────── */
.a27-top{position:fixed;left:0;right:0;top:0;height:var(--a27-top);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 48px;font-weight:300;text-transform:uppercase;letter-spacing:.28em;font-size:11px;color:var(--a27-text);transition:color .45s ease,background .45s ease}
.a27-top::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,10,10,.72),rgba(10,10,10,0));pointer-events:none;transition:opacity .45s}
body.a27-on-light .a27-top{color:var(--a27-ink)}
body.a27-on-light .a27-top::before{opacity:0}
.a27-top button,.a27-top a.a27-dx{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;background:none;border:0;padding:6px 0;cursor:pointer}
.a27-top .a27-dx{border-bottom:1px solid currentColor;padding-bottom:6px}
.a27-top .a27-dx:hover{opacity:.7}
.a27-top__logo{position:absolute;left:50%;top:20px;width:48px;margin-left:-24px;transition:opacity .6s ease,filter .45s ease}
.a27-top__logo img{width:100%;height:auto}
body.a27-on-light .a27-top__logo img{filter:invert(1)}
body.a27-ch0 .a27-top__logo{opacity:0;pointer-events:none}   /* en la apertura MiniFrank está solo, en el centro */

/* ── Menú de pantalla completa ────────────────────────────────────── */
.a27-menu{position:fixed;inset:0;z-index:990;background:var(--a27-ink);color:#fff;visibility:hidden;opacity:0;transition:opacity .45s ease,visibility 0s linear .45s}
.a27-menu.is-open{visibility:visible;opacity:1;transition:opacity .45s ease}
.a27-menu__list{position:absolute;left:var(--a27-gutter);top:max(var(--a27-top),calc(50% - 250px));display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;z-index:2}
.a27-menu__list a{display:block;font-family:var(--a27-serif);font-weight:500;letter-spacing:-.02em;line-height:1.1;font-size:clamp(38px,4.7vw,60px);color:#fff;opacity:.55;transition:opacity .3s ease}
.a27-menu__list a:hover,.a27-menu__list a:focus-visible,.a27-menu__list a[aria-current="page"]{opacity:1;font-style:italic}
.a27-menu__list li{transform:translateY(14px);opacity:0;transition:transform .55s ease,opacity .55s ease}
.a27-menu.is-open .a27-menu__list li{transform:none;opacity:1}
.a27-menu.is-open .a27-menu__list li:nth-child(2){transition-delay:.05s}
.a27-menu.is-open .a27-menu__list li:nth-child(3){transition-delay:.1s}
.a27-menu.is-open .a27-menu__list li:nth-child(4){transition-delay:.15s}
.a27-menu.is-open .a27-menu__list li:nth-child(5){transition-delay:.2s}
.a27-menu.is-open .a27-menu__list li:nth-child(6){transition-delay:.25s}
.a27-menu__photo{position:absolute;right:0;top:0;bottom:0;width:34vw;max-width:520px;object-fit:cover;object-position:50% 16%;opacity:.9}
.a27-menu__foot{position:absolute;left:var(--a27-gutter);bottom:60px;z-index:2;font-weight:300;text-transform:uppercase;letter-spacing:.3em;font-size:10px;color:var(--a27-dim);display:flex;flex-wrap:wrap;gap:6px 16px}
.a27-menu__foot a:hover{color:#fff}

/* ── Chrome de la portada: puntos, índice, progreso ───────────────── */
.a27-dots{position:fixed;left:30px;top:50%;margin-top:-44px;z-index:800;display:flex;flex-direction:column;gap:18px;color:var(--a27-text);transition:color .45s}
.a27-dots a{position:relative;display:block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.3;transition:opacity .3s}
.a27-dots a::before{content:"";position:absolute;inset:-9px}
.a27-dots a.on{opacity:1}
.a27-dots a::after{content:attr(data-name);position:absolute;left:18px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:10px;letter-spacing:.26em;text-transform:uppercase;font-weight:300;opacity:0;pointer-events:none;transition:opacity .25s}
.a27-dots a:hover::after,.a27-dots a:focus-visible::after{opacity:1}
.a27-idx{position:fixed;right:48px;bottom:34px;z-index:800;font-size:11px;letter-spacing:.28em;font-weight:300;color:var(--a27-text);transition:color .45s}
.a27-prog{position:fixed;left:0;bottom:0;height:3px;background:var(--a27-accent);z-index:850;width:0;transition:width .8s cubic-bezier(.2,.7,.2,1)}
body.a27-on-light .a27-dots,body.a27-on-light .a27-idx{color:var(--a27-ink)}

/* ── Capítulos ────────────────────────────────────────────────────── */
html.a27-snap{scroll-snap-type:y proximity}
.a27-ch{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;background:var(--a27-ink);color:var(--a27-text);scroll-snap-align:start}
.a27-ch--light{background:var(--a27-ivory);color:var(--a27-ink)}
.a27-ch--light .a27-h{color:var(--a27-ink)}
.a27-ch--light .a27-btn{background:var(--a27-ink);color:#fff}
.a27-ch--light .a27-btn:hover{background:#2a2a2a}
.a27-ch__ctr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--a27-top) + 10px) 24px 70px}
.a27-ch__txt{position:absolute;left:var(--a27-gutter);top:50%;transform:translateY(-50%);width:min(600px,46vw);margin-top:10px}

/* Revelado al entrar: solo con JS y sin “reducir movimiento” */
.a27-js .a27-rv{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform .9s ease}
.a27-js .a27-ch.is-active .a27-rv{opacity:1;transform:none}
.a27-js .a27-ch.is-active .a27-rv:nth-child(2){transition-delay:.15s}
.a27-js .a27-ch.is-active .a27-rv:nth-child(3){transition-delay:.3s}
.a27-js .a27-ch.is-active .a27-rv:nth-child(4){transition-delay:.45s}
.a27-js .a27-ch.is-active .a27-rv:nth-child(5){transition-delay:.6s}

/* 00 · Apertura */
.a27-open .a27-mf{width:clamp(116px,15.6vw,200px);height:auto}
.a27-open .a27-cap{margin-top:36px;color:var(--a27-mute)}
.a27-open .a27-h{font-size:clamp(32px,5.3vw,84px);margin-top:20px}
.a27-open .a27-btn{margin-top:36px}
.a27-js .a27-open .a27-mf{opacity:0;transition:opacity 1.6s ease}
.a27-js .a27-open.is-active .a27-mf{opacity:1}
.a27-js .a27-open .a27-rv{transition-delay:0s}
.a27-js .a27-open.is-active .a27-cap.a27-rv{transition-delay:1.1s}
.a27-js .a27-open.is-active .a27-h.a27-rv{transition-delay:1.4s}
.a27-js .a27-open.is-active .a27-btn-wrap.a27-rv{transition-delay:1.8s}
.a27-open__hint{position:absolute;left:0;right:0;bottom:30px;text-align:center;font-size:9px;color:var(--a27-dim);letter-spacing:.3em}

/* 01 · Herencia */
.a27-map{position:absolute;right:clamp(24px,10vw,170px);top:calc(var(--a27-top) - 14px);height:calc(100% - var(--a27-top) - 20px);max-height:640px;width:auto;margin:auto 0;bottom:0}
.a27-map svg{height:100%;width:auto;display:block;overflow:visible}
.a27-js .a27-map path[stroke="#E8E6E3"]{stroke-dasharray:1;stroke-dashoffset:1;fill-opacity:0}
.a27-js .a27-ch.is-active .a27-map path[stroke="#E8E6E3"]{stroke-dashoffset:0;fill-opacity:1;transition:stroke-dashoffset 2.6s cubic-bezier(.4,0,.2,1),fill-opacity 1.4s ease 1.6s}
.a27-js .a27-map path:not([stroke="#E8E6E3"]){opacity:0;transition:opacity 1.2s ease .4s}
.a27-js .a27-ch.is-active .a27-map path:not([stroke="#E8E6E3"]){opacity:1}
.a27-map circle{transform-box:fill-box;transform-origin:center}
.a27-js .a27-map circle{opacity:0;transition:opacity .6s ease 2.2s}
.a27-js .a27-ch.is-active .a27-map circle{opacity:1}
.a27-ch.is-active .a27-map circle[fill="none"]{animation:a27-ping 2.8s ease-out 2.4s infinite}
@keyframes a27-ping{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.2);opacity:0}}
.a27-her .a27-h{font-size:clamp(32px,5.3vw,84px);margin-top:26px}
.a27-her p,.a27-fr p.a27-lede{font-size:17px;line-height:1.5;color:var(--a27-mute);margin:26px 0 0;max-width:420px}
.a27-her .a27-btn,.a27-fr .a27-btn{margin-top:30px}
.a27-her .a27-ch__txt{z-index:2}

/* 02 · Innovación */
.a27-inn{background-color:var(--a27-ink);background-image:linear-gradient(#1A1A1A 1px,transparent 1px),linear-gradient(90deg,#1A1A1A 1px,transparent 1px);background-size:40px 40px}
.a27-js .a27-inn{background-image:none}
.a27-js .a27-inn::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#1A1A1A 1px,transparent 1px),linear-gradient(90deg,#1A1A1A 1px,transparent 1px);background-size:40px 40px;opacity:0;transition:opacity 1.6s ease}
.a27-js .a27-inn.is-active::before{opacity:1}
.a27-inn .a27-h{font-size:clamp(32px,5.3vw,84px);margin-top:26px}
.a27-phases{display:grid;grid-template-columns:repeat(4,minmax(0,200px));margin-top:56px;border-top:1px solid rgba(255,255,255,.35);list-style:none;padding:0;text-align:left;position:relative}
.a27-phases li{padding:18px 16px 0}
.a27-phases b{display:block;font-weight:400;font-size:12px;letter-spacing:.2em;color:var(--a27-dim)}
.a27-phases span{display:block;font-family:var(--a27-serif);font-style:italic;font-weight:500;font-size:clamp(19px,1.9vw,26px);color:#fff;margin-top:6px}
.a27-js .a27-phases li{opacity:.18;transition:opacity .8s ease}
.a27-js .a27-inn.is-active .a27-phases li{opacity:1}
.a27-js .a27-inn.is-active .a27-phases li:nth-child(1){transition-delay:.7s}
.a27-js .a27-inn.is-active .a27-phases li:nth-child(2){transition-delay:1.2s}
.a27-js .a27-inn.is-active .a27-phases li:nth-child(3){transition-delay:1.7s}
.a27-js .a27-inn.is-active .a27-phases li:nth-child(4){transition-delay:2.2s}
.a27-inn .a27-btn{margin-top:44px}

/* 03 · Humanidad */
.a27-hum .a27-ph{position:absolute;right:0;top:0;width:50%;height:100%;object-fit:cover;object-position:50% 16%}
.a27-hum .a27-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0A0A0A 0%,#0A0A0A 38%,rgba(10,10,10,0) 70%)}
.a27-hum .a27-h{font-size:clamp(32px,5.3vw,84px);margin-top:26px}
.a27-sign{position:relative;width:min(230px,52vw);margin-top:34px}
.a27-sign img{width:100%;height:auto}
.a27-js .a27-sign img{clip-path:inset(0 100% 0 0)}
.a27-js .a27-hum.is-active .a27-sign img{clip-path:inset(0 0 0 0);transition:clip-path 2.4s cubic-bezier(.5,0,.2,1) 1.2s}
.a27-hum .a27-by{margin-top:16px;font-size:10px;color:var(--a27-mute);letter-spacing:.3em}
.a27-hum .a27-btn{margin-top:34px}
.a27-grain{position:absolute;inset:-50%;width:200%;height:200%;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:a27-grain 1.2s steps(6) infinite}
@keyframes a27-grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
.a27-js .a27-hum .a27-ph{opacity:0;transition:opacity 1.8s ease}
.a27-js .a27-hum.is-active .a27-ph{opacity:1}

/* 04 · Pruebas */
.a27-pru .a27-hd{position:absolute;left:var(--a27-gutter);right:var(--a27-gutter);top:clamp(100px,19vh,150px);display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.a27-pru .a27-h{font-size:clamp(30px,4.7vw,76px);margin-top:22px}
.a27-covers{position:absolute;left:var(--a27-gutter);right:var(--a27-gutter);bottom:clamp(70px,12vh,100px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.4vw,18px)}
.a27-covers a{display:block}
.a27-covers img{width:100%;height:clamp(180px,40vh,330px);object-fit:cover;transition:transform .6s ease}
.a27-covers a:hover img{transform:scale(1.025)}
.a27-covers .a27-it{display:block;font-size:clamp(14px,1.5vw,19px);margin-top:10px;color:#fff}
.a27-js .a27-covers a{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.a27-js .a27-pru.is-active .a27-covers a{opacity:1;transform:none}
.a27-js .a27-pru.is-active .a27-covers a:nth-child(2){transition-delay:.15s}
.a27-js .a27-pru.is-active .a27-covers a:nth-child(3){transition-delay:.3s}
.a27-js .a27-pru.is-active .a27-covers a:nth-child(4){transition-delay:.45s}
.a27-js .a27-pru.is-active .a27-covers a:nth-child(5){transition-delay:.6s}

/* 05 · Invitación */
.a27-inv .a27-h{font-size:clamp(38px,7.2vw,112px);margin-top:26px}
.a27-inv .a27-cap{color:var(--a27-stone)}
.a27-ask{margin-top:48px;width:min(700px,100%);height:76px;border:1px solid var(--a27-ink);background:#fff;border-radius:38px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 34px}
.a27-ask input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:19px;color:var(--a27-ink);outline:0;caret-color:var(--a27-accent)}
.a27-ask input::placeholder{color:var(--a27-stone);opacity:1}
.a27-ask:focus-within{box-shadow:0 0 0 3px rgba(168,17,44,.25)}
.a27-ask button{width:56px;height:56px;flex:none;border-radius:50%;border:0;background:var(--a27-ink);color:#fff;font-size:24px;cursor:pointer;transition:background .3s}
.a27-ask button:hover,.a27-ask button:focus-visible{background:var(--a27-accent)}
.a27-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}
.a27-chips button{border:1px solid var(--a27-ink);background:none;border-radius:16px;padding:7px 14px;font:inherit;font-size:12px;color:var(--a27-ink);cursor:pointer;transition:background .2s,color .2s}
.a27-chips button[aria-pressed="true"],.a27-chips button:hover{background:var(--a27-ink);color:#fff}
.a27-note{font-size:14px;color:var(--a27-stone);margin:20px 0 0}
.a27-wa{display:none;margin-top:22px}
.a27-inv__sign{position:absolute;left:var(--a27-gutter);bottom:60px;width:180px;filter:invert(1)}
.a27-inv__mf{position:absolute;right:var(--a27-gutter);bottom:56px;width:92px;filter:invert(1)}

/* Pie (hereda el marfil del último capítulo) */
.a27-foot{background:var(--a27-ivory);color:var(--a27-ink);border-top:1px solid var(--a27-hair);padding:56px var(--a27-gutter) 64px;scroll-snap-align:end}
.a27-foot__grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:32px}
.a27-foot h2{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--a27-stone);font-weight:400;margin:0 0 14px}
.a27-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}
.a27-foot a:hover{color:var(--a27-accent)}
.a27-foot__tag{font-family:var(--a27-serif);font-style:italic;font-size:22px;line-height:1.2;max-width:260px}
.a27-foot__legal{margin-top:40px;padding-top:18px;border-top:1px solid var(--a27-hair);font-size:12px;color:var(--a27-stone);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* ═══ Plantillas de página interna ═══════════════════════════════════ */
.a27-pg{background:var(--a27-ivory);color:var(--a27-ink);min-height:100vh}
.a27-pg .a27-sec{padding:clamp(56px,8vw,110px) var(--a27-gutter)}
.a27-band{position:relative;background:var(--a27-ink);color:var(--a27-text);padding:calc(var(--a27-top) + clamp(56px,10vw,120px)) var(--a27-gutter) clamp(48px,7vw,90px);overflow:hidden}
.a27-band .a27-cap{color:var(--a27-mute)}
.a27-band .a27-h{font-size:clamp(34px,5.6vw,88px);margin-top:22px;max-width:14ch}
.a27-band .a27-lede{font-size:clamp(16px,1.4vw,19px);line-height:1.55;color:var(--a27-mute);margin:26px 0 0;max-width:560px}
.a27-pg h2.a27-h2{font-family:var(--a27-serif);font-weight:500;letter-spacing:-.02em;line-height:1.08;font-size:clamp(28px,3.6vw,52px);margin:0 0 20px}
.a27-pg h2.a27-h2 i{font-style:italic}
.a27-pg p{line-height:1.65}
.a27-prose{max-width:680px;font-size:17px;color:#2b2b2b}
.a27-prose p{margin:0 0 1.1em}
.a27-card{background:var(--a27-card);border:1px solid var(--a27-hair)}
.a27-hairline{height:1px;background:var(--a27-hair);border:0;margin:0}
.a27-cta-band{background:var(--a27-ink);color:var(--a27-text);padding:clamp(48px,6vw,80px) var(--a27-gutter);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.a27-cta-band .a27-h{font-size:clamp(26px,3.6vw,52px)}

/* Casos · listado */
.a27-filters{display:flex;flex-wrap:wrap;gap:8px 10px;margin-bottom:34px}
.a27-filters button{border:1px solid var(--a27-ink);background:none;border-radius:18px;padding:8px 16px;font:inherit;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--a27-ink);cursor:pointer;transition:background .2s,color .2s}
.a27-filters button[aria-pressed="true"],.a27-filters button:hover{background:var(--a27-ink);color:#fff}
.a27-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.a27-case{display:block;color:var(--a27-ink)}
.a27-case[hidden]{display:none}
.a27-case__img{aspect-ratio:4/5;overflow:hidden;background:var(--a27-ink-2)}
.a27-case__img img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.a27-case:hover .a27-case__img img{transform:scale(1.03)}
.a27-case__name{font-family:var(--a27-serif);font-style:italic;font-weight:500;font-size:clamp(20px,2vw,28px);margin-top:14px;display:block}
.a27-case__meta{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--a27-stone);margin-top:6px;display:block}

/* Caso · detalle */
.a27-hero-case{position:relative;min-height:100svh;display:flex;align-items:flex-end;background:var(--a27-ink);color:#fff;overflow:hidden}
.a27-hero-case img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78}
.a27-hero-case::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.45) 0%,rgba(10,10,10,0) 30%,rgba(10,10,10,.92) 100%)}
.a27-hero-case__t{position:relative;z-index:2;padding:0 var(--a27-gutter) clamp(48px,8vw,96px);max-width:1100px}
.a27-hero-case .a27-h{font-size:clamp(40px,7vw,108px);margin-top:18px}
.a27-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid var(--a27-hair);padding-top:22px}
.a27-fact b{display:block;font-family:var(--a27-serif);font-weight:500;font-size:clamp(34px,4.4vw,64px);line-height:1;letter-spacing:-.02em}
.a27-fact span{display:block;margin-top:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--a27-stone)}
.a27-fourph{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.a27-fourph div{border-top:1px solid var(--a27-ink);padding-top:14px}
.a27-fourph b{font-weight:400;font-size:12px;letter-spacing:.2em;color:var(--a27-stone)}
.a27-fourph h3{font-family:var(--a27-serif);font-style:italic;font-weight:500;font-size:24px;margin:6px 0 8px}
.a27-fourph p{font-size:14px;color:#3D3D3D;margin:0}
.a27-signed{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.a27-signed img{width:170px;filter:invert(1)}
.a27-signed span{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--a27-stone)}

/* Método */
.a27-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.a27-phase{padding:22px 20px;display:flex;flex-direction:column;gap:12px}
.a27-phase b{font-weight:400;font-size:12px;letter-spacing:.2em;color:var(--a27-accent)}
.a27-phase h3{font-family:var(--a27-serif);font-style:italic;font-weight:500;font-size:28px;margin:0}
.a27-phase p{font-size:14px;color:#3D3D3D;margin:0}

/* Frank */
.a27-frank-hero{position:relative;min-height:100svh;background:var(--a27-ink);color:#fff;overflow:hidden}
.a27-frank-hero img.a27-ph{position:absolute;right:0;top:0;width:52%;height:100%;object-fit:cover;object-position:50% 16%}
.a27-frank-hero .a27-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0A0A0A 0%,#0A0A0A 40%,rgba(10,10,10,0) 72%)}
.a27-frank-hero__t{position:absolute;left:var(--a27-gutter);top:50%;transform:translateY(-50%);width:min(600px,46vw);margin-top:20px}
.a27-frank-hero .a27-h{font-size:clamp(34px,5.3vw,84px);margin-top:26px}
.a27-twocol{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(24px,5vw,80px);align-items:start}

/* ═══ Móvil / táctil ═════════════════════════════════════════════════ */
@media (max-width:1023px){
  .a27-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a27-method-grid,.a27-fourph{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a27-foot__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:899px){
  :root{--a27-top:64px;--a27-gutter:24px}
  .a27-top{padding:0 20px;font-size:9px;letter-spacing:.24em}
  .a27-top__logo{top:14px;width:34px;margin-left:-17px}
  .a27-dots,.a27-idx{display:none}
  html.a27-snap{scroll-snap-type:y proximity}
  .a27-menu__list{top:max(100px,calc(50% - 230px))}
  .a27-menu__list a{font-size:38px}
  .a27-menu__photo{opacity:.28;width:100%;max-width:none;left:0}
  .a27-menu__foot{bottom:28px;font-size:8px;letter-spacing:.3em}
  .a27-ch{min-height:100svh}
  .a27-ch__ctr{padding:calc(var(--a27-top) + 10px) 26px 64px}
  .a27-open .a27-cap{font-size:9px;letter-spacing:.3em;margin-top:24px}
  .a27-open .a27-h{font-size:clamp(30px,9vw,44px);margin-top:14px}
  .a27-open .a27-btn{margin-top:24px}
  .a27-btn{padding:13px 26px;font-size:10px;letter-spacing:.2em}
  .a27-cap{font-size:10px;letter-spacing:.3em}
  /* Herencia */
  .a27-her{display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--a27-top) + 8px) 24px 56px}
  .a27-map{position:relative;right:auto;top:auto;bottom:auto;height:40svh;max-height:none;margin:0 0 18px;display:flex;justify-content:center;flex:none}
  .a27-her .a27-ch__txt,.a27-hum .a27-ch__txt{position:relative;left:auto;top:auto;transform:none;width:100%;margin:0}
  .a27-her .a27-h{font-size:clamp(30px,9.4vw,44px);margin-top:14px}
  .a27-her p{font-size:15px;margin-top:14px}
  /* Innovación */
  .a27-inn .a27-h{font-size:clamp(30px,9.4vw,44px);margin-top:14px}
  .a27-phases{grid-template-columns:1fr 1fr;margin-top:30px;width:100%;max-width:360px;border-top:0}
  .a27-phases li{border-top:1px solid rgba(255,255,255,.35)}
  .a27-inn .a27-btn{margin-top:30px}
  /* Humanidad */
  .a27-hum{display:flex;flex-direction:column;justify-content:flex-end;padding:0 24px 40px}
  .a27-hum .a27-ph{width:100%;height:64%;object-position:50% 14%}
  .a27-hum .a27-shade{background:linear-gradient(180deg,rgba(10,10,10,.4) 0%,rgba(10,10,10,0) 25%,rgba(10,10,10,.95) 66%,#0A0A0A 100%)}
  .a27-hum .a27-ch__txt{position:relative;z-index:2}
  .a27-hum .a27-h{font-size:clamp(30px,9.6vw,44px);margin-top:12px}
  .a27-sign{width:120px;margin-top:14px}
  .a27-hum .a27-btn{margin-top:18px}
  /* Pruebas: carrusel horizontal */
  .a27-pru{display:flex;flex-direction:column;justify-content:center;gap:26px;padding:calc(var(--a27-top) + 20px) 0 60px}
  .a27-pru .a27-hd{position:relative;left:auto;right:auto;top:auto;flex-direction:column;align-items:flex-start;padding:0 24px}
  .a27-pru .a27-h{font-size:clamp(30px,9vw,42px);margin-top:12px}
  .a27-covers{position:relative;left:auto;right:auto;bottom:auto;display:flex;overflow-x:auto;gap:12px;padding:0 24px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .a27-covers::-webkit-scrollbar{display:none}
  .a27-covers a{flex:0 0 62%;scroll-snap-align:start}
  .a27-covers img{height:min(46svh,380px)}
  /* Invitación */
  .a27-inv .a27-ch__ctr{align-items:stretch;text-align:left;justify-content:flex-start;padding-top:calc(var(--a27-top) + 34px)}
  .a27-inv .a27-h{font-size:clamp(38px,11vw,52px);margin-top:12px}
  .a27-ask{height:50px;margin-top:22px;padding:0 6px 0 16px;border-radius:25px}
  .a27-ask input{font-size:16px}              /* 16px: evita el zoom de iOS */
  .a27-ask button{width:38px;height:38px;font-size:18px}
  .a27-chips{justify-content:flex-start;margin-top:14px}
  .a27-wa{display:block}
  .a27-wa .a27-btn{display:block;text-align:center;padding:15px 18px;border-radius:26px}
  .a27-note{font-size:12px;text-align:center;margin-top:12px}
  .a27-inv__sign{left:24px;bottom:26px;width:96px}
  .a27-inv__mf{right:24px;bottom:22px;width:56px}
  .a27-foot{padding:44px 24px 52px}
  .a27-foot__grid{grid-template-columns:1fr}
  /* Plantillas */
  .a27-grid3{grid-template-columns:1fr 1fr;gap:14px}
  .a27-facts{grid-template-columns:1fr}
  .a27-twocol{grid-template-columns:1fr}
  .a27-band .a27-h{max-width:none}
  .a27-frank-hero{display:flex;flex-direction:column;justify-content:flex-end;padding:0 24px 40px}
  .a27-frank-hero img.a27-ph{width:100%;height:64%}
  .a27-frank-hero .a27-shade{background:linear-gradient(180deg,rgba(10,10,10,.4) 0%,rgba(10,10,10,0) 25%,rgba(10,10,10,.95) 66%,#0A0A0A 100%)}
  .a27-frank-hero__t{position:relative;left:auto;top:auto;transform:none;width:100%;margin:0;z-index:2}
  .a27-frank-hero .a27-h{font-size:clamp(32px,9.6vw,46px);margin-top:12px}
}
@media (max-width:560px){
  .a27-grid3,.a27-method-grid,.a27-fourph{grid-template-columns:1fr}
  .a27-pg .a27-sec{padding:48px 24px}
  .a27-prose{font-size:16px}
}
/* Pantallas bajas de escritorio: que el contenido no se corte */
@media (min-width:900px) and (max-height:640px){
  .a27-ch{min-height:640px}
}

/* ═══ Reducir movimiento: sin fundidos ni animación ══════════════════ */
@media (prefers-reduced-motion:reduce){
  html.a27-snap{scroll-snap-type:none}
  .a27-js .a27-rv,.a27-js .a27-open .a27-mf,.a27-js .a27-hum .a27-ph,.a27-js .a27-covers a,.a27-js .a27-phases li,.a27-js .a27-map circle,.a27-js .a27-map path:not([stroke="#E8E6E3"]){opacity:1!important;transform:none!important;transition:none!important}
  .a27-js .a27-map path[stroke="#E8E6E3"]{stroke-dasharray:none!important;stroke-dashoffset:0!important;fill-opacity:1!important;transition:none!important}
  .a27-js .a27-sign img{clip-path:none!important;transition:none!important}
  .a27-js .a27-inn::before{opacity:1!important;transition:none!important}
  .a27-grain,.a27-ch.is-active .a27-map circle[fill="none"]{animation:none!important}
  .a27-menu,.a27-menu__list li,.a27-top,.a27-top__logo,.a27-prog,.a27-btn{transition:none!important}
}

/* ═══ Capas heredadas que no pertenecen a las páginas rediseñadas ═══ */
body.a27-page > footer:not(.a27-foot),
body.a27-page #scroll-progress,
body.a27-page .spotify-widget,
body.a27-page .arad-texture{display:none!important}
/* En la portada el único rojo de la interfaz es la línea de progreso, y hay un solo botón por pantalla */
body.a27-page:has(.a27-ch[data-ch]) .whatsapp-fab,
body.a27-page:has(.a27-ch[data-ch]) .sticky-cta{display:none!important}

/* ── Plantilla de caso (páginas /trabajos/<caso>/) ─────────────
   Reusa el HTML heredado; solo cambia la piel: banda oscura, serif y marfil. */
body.a27-page #aradSite{background:var(--a27-ivory);color:var(--a27-ink)}
body.a27-page #aradSite .case-hero{position:relative;isolation:isolate;max-width:none;margin:0;padding:calc(var(--a27-top) + clamp(48px,8vw,96px)) max(var(--a27-gutter),calc((100vw - 1200px)/2)) clamp(40px,6vw,72px);color:var(--a27-text)}
body.a27-page #aradSite .case-hero::before{content:"";position:absolute;inset:0;background:var(--a27-ink);z-index:-1}
body.a27-page #aradSite .case-hero h1{font-family:var(--a27-serif);font-weight:500;color:#fff;font-size:clamp(32px,5vw,72px);letter-spacing:-.02em;line-height:1.06;max-width:20ch}
body.a27-page #aradSite .case-hero p{color:var(--a27-mute);font-size:clamp(16px,1.3vw,19px)}
body.a27-page #aradSite .case-hero .label,body.a27-page #aradSite .case-crumb,body.a27-page #aradSite .case-crumb a{color:var(--a27-mute)}
body.a27-page #aradSite .case-hero .label::before{background:var(--a27-accent)}
body.a27-page #aradSite .stats-strip,body.a27-page #aradSite .ficha-strip{background:var(--a27-card)}
body.a27-page #aradSite .stat-num,body.a27-page #aradSite .case-body h2,body.a27-page #aradSite .related-title{font-family:var(--a27-serif);font-weight:500;letter-spacing:-.01em}
body.a27-page #aradSite .case-body h2{font-size:clamp(26px,3vw,40px)}
body.a27-page #aradSite .btn{border-radius:0}
body.a27-page #aradSite .btn:hover{background:var(--a27-ink);border-color:var(--a27-ink)}

/* Páginas interiores heredadas: banda de apertura oscura con serif */
body.a27-page #aradSite .pg-hero{position:relative;isolation:isolate;padding:calc(var(--a27-top) + clamp(48px,8vw,96px)) max(var(--a27-gutter),8vw) clamp(40px,6vw,72px);color:var(--a27-text)}
body.a27-page #aradSite .pg-hero::before{content:"";position:absolute;inset:0;background:var(--a27-ink);z-index:-1}
body.a27-page #aradSite .pg-hero h1{font-family:var(--a27-serif);font-weight:500;color:#fff;font-size:clamp(34px,5.4vw,80px);letter-spacing:-.02em;line-height:1.05;max-width:18ch}
body.a27-page #aradSite .pg-hero h1 em{font-style:italic;color:#fff}
body.a27-page #aradSite .pg-hero p{color:var(--a27-mute)}
body.a27-page #aradSite .pg-hero .label{color:var(--a27-mute)}
body.a27-page #aradSite .profile-hero{padding-top:calc(var(--a27-top) + 24px)}
body.a27-page #aradSite .profile-hero-text h1{font-family:var(--a27-serif);font-weight:500}
body.a27-page #aradSite h2{font-family:var(--a27-serif);font-weight:500;letter-spacing:-.01em}

/* El cursor "brújula" heredado no se carga en 2027: devolver el cursor nativo */
body.a27 *{cursor:auto}
body.a27 a,body.a27 button,body.a27 [role="button"],body.a27 summary,body.a27 label{cursor:pointer}
body.a27 input[type="text"]{cursor:text}
.compass-cursor{display:none!important}


/* ═══ v2 · Legibilidad, mezcla tipográfica real y acabado editorial ═══════
   Helvetica Neue = titulares (bold) y todo texto de lectura.
   Bodoni Moda cursiva = solo palabras clave a tamaño grande.             */
.a27-cap{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;font-weight:600;letter-spacing:.18em;font-size:13px;color:var(--a27-text)}
.a27-ch__ctr .a27-cap{justify-content:center}
.a27-cap b{font-family:var(--a27-serif);font-style:italic;font-weight:500;font-size:22px;letter-spacing:0;color:#fff;line-height:1}
.a27-cap em{font-style:normal;font-weight:500;letter-spacing:.04em;text-transform:none;font-size:15px;color:var(--a27-mute)}
.a27-cap em::before{content:"·";margin-right:14px;opacity:.6}
.a27-ch--light .a27-cap,.a27-ch--light .a27-cap b{color:var(--a27-ink)}
.a27-ch--light .a27-cap em{color:#4a473f}
.a27-h{font-family:var(--a27-sans);font-weight:700;letter-spacing:-.035em;line-height:1.03}
.a27-h i{font-family:var(--a27-serif);font-style:italic;font-weight:500;letter-spacing:-.02em;font-size:1.05em}
.a27-ch .a27-h{font-size:clamp(34px,4.7vw,72px);margin-top:22px}
.a27-open .a27-h{font-size:clamp(36px,5.4vw,84px);max-width:19ch}
.a27-inv .a27-h{font-size:clamp(40px,6.4vw,100px)}
.a27-ch .a27-lede,.a27-her p.a27-lede{font-size:clamp(17px,1.3vw,20px);line-height:1.55;font-weight:400;color:#d4d2cf;max-width:34em;margin:22px 0 0}
.a27-ch__ctr .a27-lede{margin-left:auto;margin-right:auto;max-width:36em}
.a27-ch--light .a27-lede{color:#3d3a33}
.a27-btn{font-size:13px;font-weight:600;letter-spacing:.14em;padding:16px 30px;border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.08);color:#fff}
.a27-btn:hover,.a27-btn:focus-visible{background:#fff;color:var(--a27-ink);border-color:#fff}
.a27-ch--light .a27-btn{border-color:var(--a27-ink)}
.a27-ch--light .a27-btn:hover{background:#2a2a2a;color:#fff}
.a27-ch .a27-btn{margin-top:30px}

/* Barra, puntos, índice y menú: más grandes y con más contraste */
.a27-top{font-size:13px;font-weight:600;letter-spacing:.16em}
.a27-menu__list a{opacity:.7}
.a27-menu__foot{font-size:12px;font-weight:500;letter-spacing:.18em;color:var(--a27-mute)}
.a27-idx{font-size:13px;font-weight:600;letter-spacing:.18em}
.a27-dots a{width:7px;height:7px;opacity:.4}
.a27-dots a::after{font-size:12px;font-weight:600;letter-spacing:.16em}
@media (min-width:1280px){.a27-dots a.on::after{opacity:1}}
.a27-open__hint{font-size:12px;font-weight:600;letter-spacing:.2em;color:var(--a27-mute)}

/* 00 · Apertura: propuesta de valor + cifras */
.a27-open .a27-mf{width:clamp(78px,8vw,112px);margin-bottom:10px}
.a27-open .a27-cap{margin-top:22px}
.a27-stats{display:flex;justify-content:center;gap:clamp(22px,4.5vw,64px);list-style:none;margin:34px 0 0;padding:26px 0 0;border-top:1px solid rgba(255,255,255,.22)}
.a27-stats b{display:block;font-family:var(--a27-serif);font-style:italic;font-weight:500;font-size:clamp(34px,3.4vw,52px);line-height:1;color:#fff}
.a27-stats span{display:block;margin-top:8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--a27-mute)}

/* 01 · Herencia */
.a27-prov{margin:28px 0 0;display:grid;gap:14px;max-width:30em}
.a27-prov div{border-top:1px solid rgba(255,255,255,.22);padding-top:12px}
.a27-prov dt{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--a27-mute)}
.a27-prov dd{margin:6px 0 0;font-size:clamp(16px,1.25vw,19px);color:#fff}

/* 02 · Innovación: cada fase se explica */
.a27-inn .a27-ch__ctr{max-width:1180px;margin:0 auto;left:0;right:0}
.a27-phases{grid-template-columns:repeat(4,minmax(0,1fr));width:min(1080px,100%);margin-top:44px;gap:0}
.a27-phases li{padding:20px 22px 0 0}
.a27-phases b{font-family:var(--a27-serif);font-style:italic;font-weight:500;font-size:clamp(28px,2.6vw,38px);letter-spacing:0;color:#fff;line-height:1}
.a27-phases span{font-family:var(--a27-sans);font-style:normal;font-weight:700;font-size:clamp(18px,1.6vw,22px);margin-top:12px;letter-spacing:-.01em}
.a27-phases p{margin:10px 0 0;font-size:clamp(15px,1.1vw,17px);line-height:1.5;color:#c9c7c4}

/* 03 · Humanidad */
.a27-hum .a27-by{font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--a27-mute)}
.a27-hum .a27-sign{margin-top:26px}

/* 04 · Pruebas: B/N hasta pasar el cursor */
.a27-pru .a27-hd{top:clamp(92px,15vh,132px)}
.a27-pru .a27-h{margin-top:18px}
.a27-pru .a27-lede{margin-top:14px;font-size:clamp(15px,1.15vw,18px)}
.a27-pru .a27-btn{margin-top:0;flex:none}
.a27-covers img,.a27-case__img img{filter:grayscale(1) contrast(1.04);transition:filter .6s ease,transform .7s ease}
.a27-covers img{height:clamp(190px,42vh,360px)}
.a27-covers a:hover img,.a27-covers a:focus-visible img,.a27-case:hover .a27-case__img img,.a27-case:focus-visible .a27-case__img img{filter:none}
@media (hover:none){.a27-covers img,.a27-case__img img{filter:none}}
.a27-covers .a27-it{font-size:clamp(18px,1.7vw,24px);margin-top:12px}
.a27-covers .a27-m{display:block;margin-top:4px;font-size:clamp(13px,1vw,15px);line-height:1.4;color:var(--a27-mute)}
.a27-case__meta{font-size:12px;font-weight:600;letter-spacing:.14em}

/* 05 · Invitación */
.a27-inv .a27-lede{margin-top:18px}
.a27-inv .a27-ask{margin-top:34px}
.a27-chips button{font-size:14px;font-weight:500;padding:9px 18px;border-radius:20px}
.a27-note{font-size:15px;color:#4a473f}

/* Acabado editorial: grano sutil en capítulos oscuros */
.a27-ch:not(.a27-ch--light)::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:1}
.a27-ch__ctr,.a27-ch__txt,.a27-pru .a27-hd,.a27-covers{z-index:2}

/* Rojo: solo acento mínimo. En páginas heredadas se neutraliza. */
body.a27-page #aradSite{--crimson:#0A0A0A;--crimson-soft:#B8B8B8}
body.a27-page #aradSite .label,body.a27-page #aradSite .crimson{color:#6B685F}
body.a27-page #aradSite .label::before{background:currentColor}
body.a27-page #aradSite .profile-hero-text .label{color:#B8B8B8}
body.a27-page #aradSite .profile-hero-text .label::before{background:#B8B8B8}
body.a27-page #aradSite .profile-code .pc-num{color:#fff;font-family:var(--a27-serif);font-style:italic;font-weight:500;text-shadow:none}
body.a27-page #aradSite .profile-list li::before{background:#0A0A0A}
body.a27-page #aradSite .profile-quote{border-left-color:#0A0A0A}
body.a27-page #aradSite .btn:hover{background:#2a2a2a;border-color:#2a2a2a;color:#fff}
body.a27-page #aradSite a:hover{color:inherit}

@media (max-width:899px){
  .a27-top{font-size:11px;letter-spacing:.14em}
  .a27-cap{font-size:12px;letter-spacing:.14em}
  .a27-cap b{font-size:20px}
  .a27-cap em{font-size:14px}
  .a27-open .a27-cap{font-size:12px;margin-top:16px}
  .a27-open .a27-h{font-size:clamp(32px,9.4vw,46px);max-width:none}
  .a27-ch .a27-h{font-size:clamp(32px,9.4vw,46px);margin-top:14px}
  .a27-ch .a27-lede,.a27-her p.a27-lede{font-size:16px;margin-top:14px}
  .a27-btn{font-size:12px;padding:14px 24px;letter-spacing:.12em}
  .a27-stats{gap:18px;margin-top:22px;padding-top:18px}
  .a27-stats b{font-size:30px}
  .a27-stats span{font-size:10.5px;letter-spacing:.1em}
  .a27-prov{margin-top:16px;gap:10px}
  .a27-phases{grid-template-columns:1fr 1fr;max-width:none;margin-top:22px}
  .a27-phases li{padding:14px 14px 14px 0}
  .a27-phases p{font-size:14px}
  .a27-covers a{flex:0 0 64%}
  .a27-covers .a27-m{font-size:14px}
  .a27-pru .a27-lede{display:none}
  .a27-inv .a27-h{font-size:clamp(38px,11vw,52px)}
  .a27-ch .a27-btn{margin-top:22px}
}

/* WhatsApp flotante en páginas internas: tinta, no rojo */
body.a27-page .whatsapp-fab,body.a27-page #waBtn{background:#0A0A0A!important;border:1px solid rgba(255,255,255,.5);box-shadow:0 6px 20px rgba(0,0,0,.35)}

/* ═══ v3 · Tipografía única sans (referencia Rolls-Royce) ═════════════════
   Jost: light, MAYÚSCULAS en titulares, tracking amplio, sin cursivas.
   El énfasis se hace con contraste de color, no con otra fuente.         */
body.a27,body.a27 button,body.a27 input{font-family:var(--a27-sans)}
.a27-h{font-weight:300;text-transform:uppercase;letter-spacing:.05em;line-height:1.14}
.a27-h i{font-style:normal;font-weight:300;font-size:1em;letter-spacing:.05em;color:var(--a27-mute)}
.a27-ch--light .a27-h i{color:#6B685F}
.a27-ch .a27-h{font-size:clamp(28px,3.5vw,54px)}
.a27-open .a27-h{font-size:clamp(30px,4.3vw,66px);max-width:22ch}
.a27-inv .a27-h{font-size:clamp(32px,4.8vw,76px)}
.a27-pru .a27-h{font-size:clamp(28px,3.5vw,54px)}
.a27-it,.a27-case__name,.a27-foot__tag,.a27-stats b,.a27-phases b,.a27-cap b,.a27-serif{font-style:normal}
.a27-cap{font-weight:500;letter-spacing:.2em}
.a27-cap b{font-weight:400;font-size:15px;letter-spacing:.2em;opacity:.7}
.a27-cap em{font-weight:400;letter-spacing:.06em;font-size:15px}
.a27-ch .a27-lede,.a27-her p.a27-lede{font-weight:300;font-size:clamp(17px,1.3vw,20px);letter-spacing:.02em;line-height:1.6;color:#dcdad7}
.a27-ch--light .a27-lede{color:#3d3a33;font-weight:400}
.a27-top,.a27-idx,.a27-dots a::after,.a27-open__hint,.a27-menu__foot{font-weight:500;letter-spacing:.2em}
.a27-menu__list a{font-weight:300;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(28px,3.6vw,48px)}
.a27-menu__list a:hover,.a27-menu__list a:focus-visible,.a27-menu__list a[aria-current="page"]{font-style:normal;opacity:1}
/* Botón: píldora blanca con texto oscuro; en capítulos claros, tinta */
.a27-btn{background:#fff;color:var(--a27-ink);border:1px solid #fff;border-radius:30px;font-weight:500;letter-spacing:.2em;font-size:12.5px;padding:16px 34px}
.a27-btn:hover,.a27-btn:focus-visible{background:transparent;color:#fff;border-color:#fff}
.a27-ch--light .a27-btn,.a27-btn--ink{background:var(--a27-ink);color:#fff;border-color:var(--a27-ink)}
.a27-ch--light .a27-btn:hover{background:transparent;color:var(--a27-ink)}
.a27-stats b{font-weight:300;font-size:clamp(34px,3.4vw,52px);letter-spacing:.04em}
.a27-stats span,.a27-prov dt,.a27-note{font-weight:500}
.a27-phases b{font-weight:300;letter-spacing:.06em}
.a27-phases span{font-weight:500;text-transform:uppercase;letter-spacing:.14em;font-size:clamp(15px,1.25vw,17px)}
.a27-phases p,.a27-prov dd{font-weight:300}
.a27-covers .a27-it{font-weight:500;text-transform:uppercase;letter-spacing:.14em;font-size:clamp(13px,1.1vw,15px)}
.a27-covers .a27-m{font-weight:300;font-size:clamp(14px,1.05vw,16px)}
.a27-case__name{font-weight:500;text-transform:uppercase;letter-spacing:.12em;font-size:clamp(14px,1.2vw,17px)}
.a27-foot__tag{font-weight:300;text-transform:uppercase;letter-spacing:.08em;font-size:18px}
body.a27-page #aradSite h1,body.a27-page #aradSite h2,body.a27-page #aradSite h3,
.a27-case-hero h1,body.a27-page #aradSite .case-hero h1,body.a27-page #aradSite .pg-hero h1,body.a27-page #aradSite .profile-hero-text h1{font-family:var(--a27-sans);font-style:normal}
body.a27-page #aradSite h1{font-weight:300;text-transform:uppercase;letter-spacing:.05em}
body.a27-page #aradSite h2,body.a27-page #aradSite .stat-num,body.a27-page #aradSite .profile-code .pc-num{font-family:var(--a27-sans);font-style:normal;font-weight:400;letter-spacing:.02em}
body.a27-page #aradSite em,body.a27-page #aradSite i{font-style:normal}
@media (max-width:899px){
  .a27-open .a27-h,.a27-ch .a27-h{font-size:clamp(26px,7.4vw,38px);max-width:none}
  .a27-inv .a27-h{font-size:clamp(30px,8.6vw,44px)}
  .a27-menu__list a{font-size:30px}
}

/* ═══ v4 · Imágenes sin recorte, Jost en todo, cursor vivo ═══════════════ */
/* Fotos de clientes: proporción original, sin recortar ni deformar */
.a27-covers{align-items:start}
.a27-covers img{height:auto!important;width:100%;object-fit:contain;aspect-ratio:auto}
.a27-case{align-self:start}
.a27-case__img{aspect-ratio:auto!important;background:none;overflow:hidden}
.a27-case__img img{height:auto!important;width:100%;object-fit:contain}
.a27-grid3{align-items:start}
@media (max-width:899px){.a27-covers img{height:auto!important;max-height:62svh;width:100%;object-fit:contain}}

/* Jost en absolutamente todo texto de las páginas 2027 (incl. plantillas heredadas) */
body.a27,body.a27 *:not(svg):not(svg *){font-family:var(--a27-sans)!important}
body.a27-page #aradSite .btn,body.a27-page #aradSite a.btn{border-radius:30px;text-transform:uppercase;letter-spacing:.18em;font-weight:500}
body.a27-page #aradSite h1,body.a27-page #aradSite h2,body.a27-page #aradSite h3{font-style:normal}
body.a27-page #aradSite h2{text-transform:uppercase;letter-spacing:.05em;font-weight:300}
body.a27-page #aradSite h3{font-weight:500;letter-spacing:.04em}
body.a27-page #aradSite p,body.a27-page #aradSite li{font-weight:300;letter-spacing:.015em}
.a27-faq__t{margin:0 0 18px;font-weight:300;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;font-size:clamp(22px,2.6vw,36px);color:var(--a27-ink)}
.a27-q summary{font-weight:500;letter-spacing:.04em}
.a27-q p{font-weight:300}

/* Cursor vivo */
html.a27-cur,html.a27-cur *{cursor:none!important}
html.a27-cur input[type="text"],html.a27-cur textarea{cursor:text!important}
.a27-cur-dot,.a27-cur-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:3000;mix-blend-mode:difference;opacity:0;transition:opacity .3s}
html.a27-cur .a27-cur-dot,html.a27-cur .a27-cur-ring{opacity:1}
.a27-cur-dot{width:8px;height:8px;border-radius:50%;background:#fff;transition:opacity .3s,width .2s,height .2s}
.a27-cur-dot.is-hide{opacity:0!important}
.a27-cur-ring{width:42px;height:42px;border-radius:50%;border:1px solid #fff;display:flex;align-items:center;justify-content:center;transition:opacity .3s,width .35s cubic-bezier(.2,.8,.2,1),height .35s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s}
.a27-cur-ring::after{content:attr(data-label);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#000;opacity:0;transition:opacity .25s}
.a27-cur-ring.is-link{width:70px;height:70px;background:rgba(255,255,255,.18)}
.a27-cur-ring.is-card{width:104px;height:104px;background:#fff}
.a27-cur-ring.is-card::after{opacity:1}
.a27-cur-ring.is-text{width:3px;height:26px;border-radius:2px;background:#fff}
.a27-cur-ring.is-down{width:30px;height:30px}
/* Foco de luz que sigue al cursor sobre los capítulos oscuros */
.a27-spot{position:fixed;inset:0;pointer-events:none;z-index:4;opacity:0;transition:opacity .5s;background:radial-gradient(circle 340px at var(--mx,50%) var(--my,50%),rgba(255,255,255,.075),rgba(255,255,255,0) 70%)}
html.a27-cur .a27-spot{opacity:1}
body.a27-on-light .a27-spot,body.a27-lock .a27-spot{opacity:0}
/* Parallax suave con el cursor */
.a27-open .a27-mf{transform:translate3d(calc(var(--px,0)*-12px),calc(var(--py,0)*-9px),0);transition:opacity 1.6s ease,transform .5s ease-out}
.a27-map{transform:translate3d(calc(var(--px,0)*-16px),calc(var(--py,0)*-11px),0)}
.a27-hum .a27-ph{transform:scale(1.04) translate3d(calc(var(--px,0)*-10px),calc(var(--py,0)*-7px),0)}
.a27-btn,.a27-top a.a27-dx,.a27-top button{transition:background .3s,color .3s,border-color .3s,transform .25s ease-out}
@media (min-width:900px){
  .a27-pru .a27-hd{top:clamp(76px,10vh,104px);left:clamp(22px,7vw,110px);right:clamp(22px,7vw,110px)}
  .a27-covers{left:clamp(22px,7vw,110px);right:clamp(22px,7vw,110px);bottom:clamp(36px,5vh,56px)}
  .a27-pru .a27-lede{display:none}
}

/* ═══ v5 · firma trazada, video de fondo, pilares, galería, rojo sutil ═══ */
/* Apertura: video + velo */
.a27-open{overflow:hidden}
.a27-bgv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 2.2s ease;filter:grayscale(1) contrast(1.05)}
.a27-bgv.is-on{opacity:.42}
.a27-bgv__shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(10,10,10,.35),#0A0A0A 82%)}
.a27-open .a27-ch__ctr{position:relative;z-index:2}
/* Pilares de la propuesta de valor */
.a27-pillars{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:880px;border-top:1px solid rgba(232,230,227,.22)}
.a27-pillars li{padding:16px 22px 0 0;display:flex;flex-direction:column;gap:6px}
.a27-pillars li+li{padding-left:22px;border-left:1px solid rgba(232,230,227,.16)}
.a27-pillars b{font-weight:500;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.a27-pillars span{font-weight:300;font-size:15.5px;line-height:1.45;color:#B8B8B8}
.a27-open .a27-lede{max-width:56ch}
/* Firma: se escribe trazo a trazo */
.a27-sign{width:min(300px,64vw)}
.a27-firma{display:block;width:100%;height:auto;overflow:visible}
.a27-firma path{fill:none;stroke:#F3EFE7;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.a27-js .a27-firma path{stroke-dasharray:1;stroke-dashoffset:1}
.a27-js .a27-ch.is-active .a27-firma path{stroke-dashoffset:0;transition:stroke-dashoffset var(--fd) cubic-bezier(.45,.05,.4,1) calc(1.3s + var(--fs))}
.a27-sign img,.a27-js .a27-sign img{clip-path:none}
/* Firma en el cierre: tinta sobre marfil, sin imagen rasterizada */
.a27-firma--inv{position:absolute;left:var(--a27-gutter);bottom:54px;width:170px}
.a27-firma--inv path{stroke:#0A0A0A;stroke-width:5}
.a27-inv .a27-ch__ctr{padding-bottom:70px}
/* Galería */
.a27-gal{padding:clamp(56px,8vw,110px) clamp(22px,7vw,110px) clamp(24px,4vw,48px);background:#0A0A0A;color:#E8E6E3}
.a27-gal .a27-faq__t{margin:14px 0 34px;max-width:26ch}
.a27-gal__grid{columns:3;column-gap:14px}
.a27-gal figure{margin:0 0 14px;break-inside:avoid;overflow:hidden;background:#111}
.a27-gal img{display:block;width:100%;height:auto;filter:grayscale(1) contrast(1.05);transform:scale(1.001);transition:filter .6s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.a27-gal figure:hover img{filter:none;transform:scale(1.04)}
/* Rojo: acento mínimo */
.a27-cap b{color:#B8B8B8}
.a27-dots a.on,.a27-prog{background:#A8112C}
.a27-ch .a27-h i{color:#8A8A8A}
/* Botones: contorno visible siempre */
.a27-btn{box-shadow:0 0 0 1px rgba(255,255,255,.9);opacity:1!important;visibility:visible!important}
.a27-ch--light .a27-btn,.a27-btn--ink{box-shadow:0 0 0 1px #0A0A0A}
@media (max-width:899px){
  .a27-pillars{grid-template-columns:1fr;max-width:none}
  .a27-pillars li,.a27-pillars li+li{padding:12px 0;border-left:0;border-bottom:1px solid rgba(232,230,227,.14)}
  .a27-pillars span{font-size:16px}
  .a27-gal__grid{columns:2}
  .a27-firma--inv{left:24px;bottom:22px;width:110px}
}
@media (max-width:520px){.a27-gal__grid{columns:1}}
@media (prefers-reduced-motion:reduce){.a27-js .a27-firma path{stroke-dashoffset:0!important;transition:none!important}.a27-bgv{display:none}}
/* Botones: texto SIEMPRE legible (ganaba el color de enlace del capítulo) */
body.a27 a.a27-btn,body.a27 .a27-ch a.a27-btn{background:#fff;color:#0A0A0A!important;border:1px solid #fff;-webkit-text-fill-color:#0A0A0A}
body.a27 a.a27-btn:hover,body.a27 a.a27-btn:focus-visible{background:transparent;color:#fff!important;-webkit-text-fill-color:#fff}
body.a27 .a27-ch--light a.a27-btn,body.a27 a.a27-btn--ink{background:#0A0A0A;color:#fff!important;border-color:#0A0A0A;-webkit-text-fill-color:#fff}
body.a27 .a27-ch--light a.a27-btn:hover{background:transparent;color:#0A0A0A!important;-webkit-text-fill-color:#0A0A0A}

/* ═══ v6 · mapa de calor por provincia, galería compacta, menú ═══ */
.a27-map .prov{fill:#161616;stroke:#2C2C2C;stroke-width:.7;stroke-dasharray:none!important;stroke-dashoffset:0!important;fill-opacity:1!important;opacity:1;transition:fill .9s ease calc(var(--i,0)*.35s + .4s),opacity .8s ease}
.a27-js .a27-map .prov{opacity:0}
.a27-js .a27-ch.is-active .a27-map .prov{opacity:1}
.a27-js .a27-ch.is-active .a27-map .prov.is-hot{fill:var(--tf)}
.a27-map .prov.is-hot:hover,.a27-map .prov.is-hot:focus{filter:brightness(1.25);cursor:none}
.a27-map .prov:not(.is-hot):hover{fill:#1d1d1d}
.a27-maptip{position:absolute;z-index:5;pointer-events:none;display:flex;align-items:center;gap:10px;background:#0A0A0A;border:1px solid rgba(232,230,227,.25);padding:9px 14px;font-size:13px;font-weight:300;letter-spacing:.04em;color:#E8E6E3;white-space:nowrap;opacity:0;transform:translate(-50%,-130%);transition:opacity .2s ease}
.a27-maptip.show{opacity:1}
.a27-maptip img{width:26px;height:auto;display:block}
.a27-maptip b{font-weight:500;color:#fff}
.a27-maplist{display:none}
.a27-map{overflow:visible}
@media (max-width:899px),(hover:none){
  .a27-her .a27-prov{display:none}
  .a27-maplist{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:14px}
  .a27-maplist div{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid rgba(232,230,227,.14);font-size:14px;font-weight:300;color:#B8B8B8}
  .a27-maplist img{width:20px;height:auto}
  .a27-maplist span{flex:1}
  .a27-maplist b{font-weight:500;color:#fff}
}
/* Galería compacta: tira de miniaturas */
.a27-gal{padding:clamp(40px,5vw,72px) clamp(22px,7vw,110px) clamp(20px,3vw,36px)}
.a27-gal__t{font-weight:300;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(18px,1.8vw,26px);line-height:1.2;margin:12px 0 22px;max-width:40ch;color:#E8E6E3}
.a27-gal__grid{columns:auto!important;display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:#333 transparent}
.a27-gal figure{margin:0!important;flex:none;height:clamp(150px,17vw,220px);width:auto}
.a27-gal img{height:100%!important;width:auto!important}
/* Menú: foto con desvanecido, sin corte seco, e interactivo */
.a27-menu__photo{width:52vw;max-width:none;right:0;opacity:.85;object-position:50% 18%;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 38%),linear-gradient(to top,transparent 0,#000 24%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0,#000 38%),linear-gradient(to top,transparent 0,#000 24%);mask-composite:intersect;
  filter:grayscale(1) contrast(1.05);transform:translate3d(calc(var(--mpx,0)*-14px),calc(var(--mpy,0)*-10px),0) scale(1.06);transition:transform .6s ease-out,filter .6s ease,opacity .6s ease}
.a27-menu:has(.a27-menu__list a:hover) .a27-menu__photo{filter:none;opacity:.95}
.a27-menu::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 22% 55%,rgba(168,17,44,.10),transparent 55%);pointer-events:none;z-index:1}
.a27-menu__list:hover a{opacity:.3}
.a27-menu__list:hover a:hover{opacity:1;padding-left:14px}
.a27-menu__list a{transition:opacity .3s ease,padding .35s cubic-bezier(.2,.7,.2,1)}
@media (max-width:899px){.a27-menu__photo{width:100%;opacity:.3;-webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent 100%);mask-image:linear-gradient(to bottom,#000 30%,transparent 100%)}}
.a27-foot.a27-gal{padding:clamp(40px,5vw,72px) clamp(22px,7vw,110px) clamp(24px,3vw,40px)}
.a27-foot.a27-gal .a27-gal__t{font-size:clamp(18px,1.8vw,26px);color:#E8E6E3;margin:12px 0 22px}

/* ═══ v7 · logo → MiniFrank, respaldos ═══ */
.a27-open .a27-mf.a27-mf--logo{width:clamp(150px,18vw,260px);height:auto;margin-bottom:6px}
.a27-top__logo{transition:opacity .6s ease,filter .45s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
body.a27-ch0 .a27-top__logo{transform:translateY(34vh) scale(3.6)}
.a27-menu .a27-menu__foot{letter-spacing:.2em}
.a27-foot.a27-bak{padding:clamp(48px,6vw,90px) clamp(22px,7vw,110px) clamp(24px,3vw,40px);background:#0A0A0A;color:#E8E6E3}
.a27-bak__t{font-weight:300;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(20px,2.2vw,32px);line-height:1.2;margin:12px 0 30px;max-width:30ch;color:#E8E6E3}
.a27-bak__grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid rgba(232,230,227,.2)}
.a27-bak__grid article{padding:26px 28px 8px 0}
.a27-bak__grid article+article{padding-left:28px;border-left:1px solid rgba(232,230,227,.16)}
.a27-bak__logo{display:block;height:56px;width:auto;margin-bottom:20px;object-fit:contain;object-position:left}
.a27-bak__logo--min{filter:brightness(0) invert(1)}
.a27-bak h3{font-weight:500;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin:0 0 10px}
.a27-bak p{font-weight:300;font-size:16.5px;line-height:1.55;color:#B8B8B8;margin:0;max-width:46ch}
@media (max-width:899px){.a27-bak__grid{grid-template-columns:1fr}.a27-bak__grid article,.a27-bak__grid article+article{padding:22px 0;border-left:0;border-bottom:1px solid rgba(232,230,227,.14)}}
.a27-bak__logo--min{filter:none;background:#fff;padding:8px 14px;border-radius:4px;height:64px}
body.a27 .a27-foot.a27-bak h2.a27-bak__t{font-size:clamp(22px,2.4vw,34px);letter-spacing:.05em;color:#E8E6E3;max-width:30ch;margin:14px 0 30px;text-transform:uppercase;font-weight:300}
body.a27 .a27-foot.a27-bak p{font-size:16.5px;letter-spacing:0;text-transform:none}
body.a27 .a27-foot.a27-bak .a27-cap{font-size:12px;color:#B8B8B8}
.a27-bak__logo--min{background:none;padding:0;height:72px;border-radius:2px}

/* ═══ v8 · método 2 fases, respaldos como capítulo ═══ */
.a27-open .a27-mf.a27-mf--logo{width:clamp(110px,11vw,160px)}
.a27-phases--2{grid-template-columns:minmax(0,260px) minmax(0,1fr);max-width:960px;margin-left:auto;margin-right:auto}
.a27-phases--2 li{padding:18px 28px 0 0}
.a27-phases--2 li+li{padding-left:28px;border-left:1px solid rgba(255,255,255,.2)}
.a27-phases--2 b{font-size:clamp(19px,1.9vw,26px);letter-spacing:.02em;font-weight:300;color:#fff}
.a27-phases--2 span{font-family:inherit;font-style:normal;font-weight:500;font-size:13px;letter-spacing:.2em;text-transform:uppercase;margin:10px 0 8px}
.a27-phases--2 p{font-size:15px;line-height:1.5;color:#B8B8B8;margin:0}
.a27-ph2__row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:6px}
.a27-ph2__row span{margin-top:10px}
@media (max-width:899px){.a27-phases--2{grid-template-columns:1fr}.a27-phases--2 li+li{padding-left:0;border-left:0}.a27-ph2__row{grid-template-columns:1fr;gap:6px}}
.a27-ch.a27-bak{justify-content:center}
.a27-bak__in{width:100%;max-width:1200px;margin:0 auto;padding:clamp(70px,9vh,110px) clamp(22px,7vw,110px) 40px;box-sizing:border-box}
.a27-bak .a27-h{font-size:clamp(24px,3vw,44px);margin:12px 0 24px}
.a27-ch.a27-bak .a27-bak__grid{border-top:1px solid rgba(232,230,227,.2)}
.a27-bak__logo{height:60px;margin-bottom:14px}
.a27-bak__ph{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:26px}
.a27-bak__ph img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1) brightness(.85);transition:filter .6s ease,transform .6s ease}
.a27-bak__ph img:hover{filter:none;transform:translateY(-4px)}
@media (max-width:899px){.a27-bak__ph{grid-template-columns:repeat(3,1fr)}}

/* ═══ v9 ═══ */
.a27-maptip small{display:block;margin-top:3px;font-size:11px;letter-spacing:.06em;color:#D4213F}
.a27-ask input.is-swap::placeholder{opacity:0}
.a27-ask input::placeholder{transition:opacity .35s ease}
/* método: el rojo separa fases y títulos */
.a27-phases--2{border-top:1px solid #A8112C}
.a27-phases--2 li+li{border-left:1px solid #A8112C}
.a27-phases--2 b i{display:block;font-style:normal;font-size:11px;letter-spacing:.3em;color:#D4213F;margin-bottom:8px}
.a27-phases--2 b{padding-bottom:12px;border-bottom:1px solid rgba(168,17,44,.55);margin-bottom:4px}
.a27-phases--2 span{color:#fff;position:relative;padding-left:12px}
.a27-phases--2 span::before{content:"";position:absolute;left:0;top:.35em;width:5px;height:5px;background:#A8112C}
.a27-ph2__row>div{padding-left:0}
.a27-ph2__row>div+div{border-left:1px solid rgba(168,17,44,.45);padding-left:18px}
@media (max-width:899px){.a27-ph2__row>div+div{border-left:0;padding-left:0}}
/* respaldos: fotos con contexto */
.a27-bak__ph{display:flex;grid-template-columns:none;gap:14px;height:auto;align-items:flex-end;margin-top:24px}
.a27-bak__ph figure{margin:0;flex:0 0 auto}
.a27-bak__ph img{width:auto;height:clamp(150px,25vh,250px);aspect-ratio:auto;display:block}
.a27-bak__ph figcaption{margin-top:8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#B8B8B8}
@media (max-width:899px){.a27-bak__ph{overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.a27-bak__ph figure{scroll-snap-align:start}.a27-bak__ph img{height:180px}}

/* ═══ v10 · respaldos editorial, centrado ═══ */
.a27-bak__in{text-align:center;display:flex;flex-direction:column;align-items:center}
.a27-bak__in .a27-cap{justify-content:center}
.a27-bak .a27-h{margin-left:auto;margin-right:auto;max-width:22ch}
.a27-ch.a27-bak .a27-bak__grid{width:100%;max-width:880px;margin:0 auto}
.a27-bak__grid article{display:flex;flex-direction:column;align-items:center;padding:22px 24px 4px!important;text-align:center}
.a27-bak__grid article+article{border-left:1px solid rgba(232,230,227,.16)}
.a27-bak__logo{margin:0 auto 14px;object-position:center}
.a27-bak p{margin-left:auto;margin-right:auto}
.a27-bak__ph{display:flex;justify-content:center;align-items:flex-end;gap:clamp(10px,1.6vw,22px);margin:30px auto 0;overflow:visible}
.a27-bak__ph figure{display:flex;flex-direction:column;align-items:center;flex:0 0 auto}
.a27-bak__ph img{height:clamp(130px,23vh,230px);width:auto;aspect-ratio:4/5;object-fit:cover}
.a27-bak__ph .is-lead img{height:clamp(170px,32vh,320px)}
.a27-bak__ph figcaption{margin-top:10px;text-align:center;max-width:26ch}
.a27-bak__ph figcaption b{display:block;font-weight:500;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:#E8E6E3}
.a27-bak__ph figcaption span{display:block;margin-top:4px;font-size:12.5px;line-height:1.35;letter-spacing:0;text-transform:none;color:#8A8A8A}
@media (max-width:899px){.a27-bak__ph{justify-content:flex-start;overflow-x:auto;padding:0 22px 6px;width:100%}.a27-bak__ph img,.a27-bak__ph .is-lead img{height:200px}.a27-bak__grid article+article{border-left:0}}
.a27-bak__in{padding-top:clamp(64px,8vh,84px);padding-bottom:20px}
.a27-bak .a27-h{max-width:34ch;font-size:clamp(22px,2.4vw,34px);margin:8px auto 14px}
.a27-bak__logo{height:44px}
.a27-bak__grid article{padding-top:16px!important}
.a27-bak p{font-size:15px;line-height:1.45}
.a27-bak__ph{margin-top:18px}
.a27-bak__ph img{height:clamp(110px,18vh,180px)}
.a27-bak__ph .is-lead img{height:clamp(140px,25vh,250px)}
.a27-bak__ph figcaption span{font-size:12px}

/* ═══ v11 · boceto, KPIs, logo en menú/pie, menú teatral ═══ */
.a27-inn,.a27-js .a27-inn{background-image:none}
.a27-js .a27-inn::before,.a27-js .a27-inn.is-active::before{content:none}
.a27-sketch{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity 2.2s ease .3s;z-index:0}
.a27-inn.is-active .a27-sketch,html:not(.a27-js) .a27-sketch{opacity:.13}
.a27-inn .a27-ch__ctr{position:relative;z-index:1}
.a27-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:820px;margin:34px auto 0;text-align:left;border-top:1px solid rgba(255,255,255,.18)}
.a27-kpis div{padding:14px 22px 0 0}
.a27-kpis div+div{padding-left:22px;border-left:1px solid rgba(255,255,255,.14)}
.a27-kpis dt{font-weight:500;font-size:14px;letter-spacing:.24em;color:#fff}
.a27-kpis dd{margin:6px 0 0;font-size:14.5px;line-height:1.45;font-weight:300;color:#B8B8B8}
@media (max-width:899px){.a27-kpis{grid-template-columns:1fr}.a27-kpis div,.a27-kpis div+div{padding:12px 0;border-left:0;border-bottom:1px solid rgba(255,255,255,.12)}}
.a27-inn .a27-btn{margin-top:30px}
.a27-menu__logo{position:absolute;left:var(--a27-gutter);top:64px;z-index:3;display:block;width:clamp(90px,9vw,128px)}
.a27-menu__logo img{display:block;width:100%;height:auto}
.a27-foot__logo{display:block;width:104px;margin-bottom:18px}
.a27-foot__logo img{display:block;width:100%;height:auto;filter:invert(1)}
/* menú: telón que baja, foto que se asienta y lista que entra por capas */
.a27-menu{clip-path:inset(0 0 100% 0);transition:clip-path .9s cubic-bezier(.76,0,.24,1),opacity 0s linear .9s,visibility 0s linear .9s;opacity:1}
.a27-menu.is-open{clip-path:inset(0 0 0 0);transition:clip-path .9s cubic-bezier(.76,0,.24,1),opacity 0s,visibility 0s}
.a27-menu__photo{transform:scale(1.14);transition:transform 1.6s cubic-bezier(.2,.7,.2,1) .15s,filter .6s ease,opacity .6s ease}
.a27-menu.is-open .a27-menu__photo{transform:scale(1)}
.a27-menu__list li{transform:translateY(46px);opacity:0;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .6s ease}
.a27-menu.is-open .a27-menu__list li{transform:none;opacity:1}
.a27-menu.is-open .a27-menu__list li:nth-child(1){transition-delay:.45s}
.a27-menu.is-open .a27-menu__list li:nth-child(2){transition-delay:.53s}
.a27-menu.is-open .a27-menu__list li:nth-child(3){transition-delay:.61s}
.a27-menu.is-open .a27-menu__list li:nth-child(4){transition-delay:.69s}
.a27-menu.is-open .a27-menu__list li:nth-child(5){transition-delay:.77s}
.a27-menu.is-open .a27-menu__list li:nth-child(6){transition-delay:.85s}
.a27-menu__logo,.a27-menu__foot{opacity:0;transition:opacity .6s ease}
.a27-menu.is-open .a27-menu__logo,.a27-menu.is-open .a27-menu__foot{opacity:1;transition-delay:.9s}
@media (max-width:899px){.a27-menu__logo{top:74px;width:96px}.a27-foot__logo{width:92px}}
@media (prefers-reduced-motion:reduce){.a27-menu,.a27-menu.is-open,.a27-menu__photo,.a27-menu__list li{transition:none!important;clip-path:none}.a27-menu:not(.is-open){visibility:hidden}}
.a27-sketch{-webkit-mask-image:radial-gradient(ellipse 46% 52% at 50% 52%,rgba(0,0,0,.1) 0,rgba(0,0,0,.18) 55%,#000 100%);mask-image:radial-gradient(ellipse 46% 52% at 50% 52%,rgba(0,0,0,.1) 0,rgba(0,0,0,.18) 55%,#000 100%)}
.a27-inn.is-active .a27-sketch{opacity:.17}
.a27-menu__logo:focus,.a27-menu__logo:focus-visible{outline:none}
@media (max-width:599px){.a27-top .a27-dx{text-transform:uppercase}}

/* ═══ v12 · idioma, escritorio de ideas ═══ */
.a27-lang{position:fixed;inset:0;z-index:3000;background:#0A0A0A;color:#E8E6E3;display:none;flex-direction:column;align-items:center;justify-content:center;gap:34px;text-align:center;padding:24px}
.a27-lang-on .a27-lang{display:flex;animation:a27langin .9s ease both}
.a27-lang-on body{overflow:hidden}
@keyframes a27langin{from{opacity:0}to{opacity:1}}
.a27-lang__logo{width:clamp(120px,14vw,190px);height:auto}
.a27-lang__t{margin:0;font-weight:300;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#B8B8B8}
.a27-lang__t span{color:#A8112C;margin:0 6px}
.a27-lang__row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.a27-lang__row button,.a27-lang__row a{font:500 13px/1 'Switzer',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#0A0A0A;background:#fff;border:0;border-radius:999px;padding:18px 40px;min-width:170px;cursor:pointer;text-decoration:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),background .3s ease}
.a27-lang__row a{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.a27-lang__row button:hover,.a27-lang__row a:hover{transform:translateY(-3px)}
.a27-lang__row a:hover{background:#fff;color:#0A0A0A}
.a27-lang__row :focus-visible{outline:2px solid #A8112C;outline-offset:3px}
.a27-inn.is-active .a27-sketch{opacity:.9}
.a27-sketch{-webkit-mask-image:radial-gradient(ellipse 44% 50% at 50% 50%,rgba(0,0,0,.08) 0,rgba(0,0,0,.2) 60%,#000 100%);mask-image:radial-gradient(ellipse 44% 50% at 50% 50%,rgba(0,0,0,.08) 0,rgba(0,0,0,.2) 60%,#000 100%)}

/* ═══ v13 · boceto 90% transparente, pie negro ═══ */
.a27-sketch{-webkit-mask-image:none;mask-image:none}
.a27-inn.is-active .a27-sketch{opacity:.14}
.a27-sketch text{letter-spacing:.01em}
.a27-foot,.a27-faq,.a27-foot.a27-faq{background:#0A0A0A;color:#E8E6E3;border-top:0}
.a27-foot a,.a27-foot h2,.a27-foot summary{color:#E8E6E3}
.a27-foot a:hover{color:#fff}
.a27-foot__logo img{filter:none}
.a27-foot__tag{color:#fff}
.a27-foot__legal,.a27-foot__legal a{color:#8A8A8A}
.a27-foot__legal{border-top:1px solid rgba(232,230,227,.14)}
.a27-faq p,.a27-faq details>*:not(summary){color:#B8B8B8}
.a27-faq details{border-color:rgba(232,230,227,.18)}

/* ═══ v14 · móvil: método más compacto, firma sin tapar texto ═══ */
@media (max-width:899px){
  .a27-firma--inv{position:absolute;left:50%;bottom:8px;width:84px;margin:0 0 0 -42px}
  .a27-kpis{grid-template-columns:repeat(3,1fr);gap:0}
  .a27-kpis div,.a27-kpis div+div{padding:10px 8px;border-bottom:0;border-left:1px solid rgba(255,255,255,.12)}
  .a27-kpis div:first-child{border-left:0;padding-left:0}
  .a27-kpis dd{font-size:11px;line-height:1.35}
  .a27-phases--2 li{padding:12px 0}
  .a27-inn{padding-top:76px;padding-bottom:40px}
  .a27-inn.is-active .a27-sketch{opacity:.12}
}

/* ═══ v15 · REVISIÓN MÓVIL EDITORIAL ═══
   Principio: una idea por pantalla, nada montado sobre el texto.
   El boceto vive solo en las franjas superior/inferior; las fases son una línea de tiempo. */
@media (max-width:899px){
  /* Innovación: boceto solo en los bordes, nunca detrás del texto */
  .a27-inn .a27-sketch{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 9%,transparent 17%,transparent 90%,#000 97%);mask-image:linear-gradient(180deg,#000 0,#000 9%,transparent 17%,transparent 90%,#000 97%)}
  .a27-inn.is-active .a27-sketch{opacity:.16}
  .a27-inn{padding:92px 0 56px;text-align:left}
  .a27-inn .a27-ch__ctr{padding:0 24px;text-align:left;align-items:flex-start}
  .a27-inn .a27-h{font-size:clamp(28px,8.6vw,40px);line-height:1.12;text-align:left}
  .a27-inn .a27-lede{font-size:15px;line-height:1.55;text-align:left;margin:16px 0 0;max-width:none}
  /* línea de tiempo */
  .a27-inn .a27-phases--2{display:block;position:relative;border:0;margin:30px 0 0;padding:0 0 0 26px;max-width:none;width:100%}
  .a27-inn .a27-phases--2::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:linear-gradient(180deg,#D4213F,rgba(212,33,63,.15))}
  .a27-inn .a27-phases--2 li,.a27-inn .a27-phases--2 li+li{position:relative;border:0;padding:0 0 30px;margin:0}
  .a27-inn .a27-phases--2 li::before{content:"";position:absolute;left:-26px;top:3px;width:11px;height:11px;border-radius:50%;background:#0A0A0A;border:1px solid #D4213F}
  .a27-inn .a27-phases--2 b{display:flex;align-items:baseline;gap:12px;border:0;padding:0;margin:0;font-size:20px;font-weight:300;letter-spacing:.04em;text-transform:uppercase}
  .a27-inn .a27-phases--2 b i{display:inline;margin:0;font-size:11px;letter-spacing:.2em}
  .a27-inn .a27-phases--2 span{padding-left:0;margin:6px 0 4px;font-size:12px;color:#D4213F}
  .a27-inn .a27-phases--2 span::before{display:none}
  .a27-inn .a27-phases--2 p{font-size:14px;line-height:1.5;color:#B8B8B8}
  .a27-inn .a27-ph2__row{display:block;margin-top:12px}
  .a27-inn .a27-ph2__row>div{display:grid;grid-template-columns:86px 1fr;column-gap:10px;padding:10px 0!important;border:0;border-top:1px solid rgba(255,255,255,.12)}
  .a27-inn .a27-ph2__row>div span{margin:2px 0 0;color:#fff}
  /* indicadores como tres líneas de lectura */
  .a27-inn .a27-kpis{display:block;margin:6px 0 0;width:100%}
  .a27-inn .a27-kpis div,.a27-inn .a27-kpis div+div{display:grid;grid-template-columns:56px 1fr;gap:10px;padding:11px 0;border:0;border-top:1px solid rgba(255,255,255,.12)}
  .a27-inn .a27-kpis dt{font-size:14px;letter-spacing:.2em;color:#fff}
  .a27-inn .a27-kpis dd{font-size:13px;line-height:1.45;color:#B8B8B8;margin:0}
  .a27-inn .a27-btn{margin-top:26px}

  /* Humanidad: foto arriba, texto debajo; nada sobre el rostro */
  .a27-hum{padding:0 24px 48px;justify-content:flex-start}
  .a27-hum .a27-ph{width:100%;height:340px;object-position:50% 12%}
  .a27-hum .a27-shade{background:linear-gradient(180deg,rgba(10,10,10,.35) 0,rgba(10,10,10,0) 18%,rgba(10,10,10,0) 55%,#0A0A0A 100%);height:340px;bottom:auto}
  .a27-hum .a27-ch__txt{margin-top:360px}
  .a27-hum .a27-lede{font-size:15px;line-height:1.55}
  .a27-hum .a27-sign{margin-top:16px;max-width:200px}
}

/* v15b · boceto móvil: franja de trabajo al pie, sin tocar el texto */
.a27-sketch--m{display:none}
@media (max-width:899px){
  .a27-inn .a27-sketch:not(.a27-sketch--m){display:none}
  .a27-inn .a27-sketch--m{display:block;position:absolute;inset:auto 0 0 0;top:auto;width:100%;height:auto;max-height:240px;-webkit-mask-image:none;mask-image:none;opacity:0;transition:opacity 1.4s ease .6s;pointer-events:none}
  .a27-inn.is-active .a27-sketch--m{opacity:.3}
  .a27-inn{padding-bottom:250px}
}

/* v16 · móvil — Pruebas: encabezado, luego carrusel con proporción original */
@media (max-width:899px){
  .a27-pru{justify-content:flex-start;gap:24px;padding:calc(var(--a27-top) + 40px) 0 64px}
  .a27-pru .a27-hd{position:relative;top:auto!important;left:auto;right:auto;gap:18px}
  .a27-pru .a27-hd .a27-btn{position:static;margin:0}
  .a27-pru .a27-lede{font-size:14px;line-height:1.5;margin-top:12px}
  .a27-covers{padding:0 24px 8px;gap:14px}
  .a27-covers a{flex:0 0 72%}
  .a27-covers img{height:auto!important;aspect-ratio:4/5;object-fit:cover;filter:none}
  .a27-covers .a27-m{font-size:13px}
}

/* v17 · Invitación móvil: el texto del campo nunca se monta sobre el botón */
.a27-ask input{text-overflow:ellipsis}
.a27-ask input::placeholder{text-overflow:ellipsis}
@media (max-width:899px){
  .a27-ask{gap:8px}
  .a27-ask input{font-size:16px;padding-right:4px}
  .a27-ask button{flex:0 0 38px}
}

/* v17 · Pruebas móvil: Cover Flow (activa a color, el resto en blanco y negro) */
@media (max-width:899px){
  .a27-pru .a27-covers{padding:8px calc(50% - 31%) 14px;gap:10px;align-items:flex-start;scroll-snap-type:x mandatory}
  .a27-js .a27-pru.is-active .a27-covers a{flex:0 0 62%;scroll-snap-align:center;transform:scale(.8);opacity:.6;transform-origin:50% 40%;transition:transform .7s cubic-bezier(.3,.7,.2,1),opacity .7s ease!important}
  .a27-js .a27-pru.is-active .a27-covers a.is-cur{transform:scale(1);opacity:1}
  .a27-pru .a27-covers img{filter:grayscale(1) contrast(1.05);transition:filter .7s ease}
  .a27-pru .a27-covers a.is-cur img{filter:none}
  .a27-pru .a27-covers .a27-it,.a27-pru .a27-covers .a27-m{opacity:0;transition:opacity .6s ease}
  .a27-pru .a27-covers a.is-cur .a27-it,.a27-pru .a27-covers a.is-cur .a27-m{opacity:1}
}
@media (max-width:899px) and (hover:none){.a27-pru .a27-covers img{filter:grayscale(1) contrast(1.05)}.a27-pru .a27-covers a.is-cur img{filter:none}}
@media (max-width:899px){.a27-pru{justify-content:center;padding-top:calc(var(--a27-top) + 24px)}}

/* v18 · Pruebas escritorio: el mismo Cover Flow automático */
@media (min-width:900px){
  .a27-pru{--cw:calc(clamp(170px,31vh,300px)*.8)}
  .a27-pru .a27-covers{display:flex;left:0;right:0;gap:22px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;padding:10px calc(50% - var(--cw)/2) 6px;align-items:flex-start}
  .a27-pru .a27-covers::-webkit-scrollbar{display:none}
  .a27-js .a27-pru.is-active .a27-covers a{flex:0 0 var(--cw);scroll-snap-align:center;transform:scale(.82);opacity:.55;transform-origin:50% 30%;transition:transform .8s cubic-bezier(.3,.7,.2,1),opacity .8s ease}
  .a27-js .a27-pru.is-active .a27-covers a.is-cur{transform:scale(1);opacity:1}
  .a27-js .a27-pru.is-active .a27-covers a:hover{opacity:1}
  .a27-pru .a27-covers img{height:clamp(170px,31vh,300px);filter:grayscale(1) contrast(1.05)}
  .a27-pru .a27-covers a.is-cur img,.a27-pru .a27-covers a:hover img{filter:none}
  .a27-pru .a27-covers .a27-it,.a27-pru .a27-covers .a27-m{opacity:0;transition:opacity .6s ease}
  .a27-pru .a27-covers a.is-cur .a27-it,.a27-pru .a27-covers a.is-cur .a27-m{opacity:1}
}
@media (min-width:900px){.a27-pru .a27-covers{bottom:clamp(84px,13vh,110px)}}

/* v19 · Pruebas: Cover Flow 3D (inspirado en el carrusel de la web anterior, en negro) */
.a27-pru{--ch:clamp(210px,35vh,340px);--cw:calc(var(--ch)*.8)}
.a27-js .a27-pru .a27-covers.a27-cf{display:block;position:absolute;left:0;right:0;bottom:clamp(56px,8vh,84px);height:calc(var(--ch) + 104px);padding:0;margin:0;gap:0;overflow:hidden;perspective:1500px;perspective-origin:50% 40%;touch-action:pan-y;scroll-snap-type:none;user-select:none;-webkit-user-select:none}
.a27-js .a27-pru .a27-covers.a27-cf a{position:absolute;left:50%;top:6px;width:var(--cw);margin-left:calc(var(--cw)/-2);flex:none;display:block;opacity:0;transform:translate3d(0,26px,-160px) scale(.9);transform-origin:50% 50%;transition:transform 1.1s cubic-bezier(.19,1,.22,1),opacity .9s ease;transition-delay:calc(var(--ab,0)*45ms);will-change:transform,opacity}
.a27-js .a27-pru.is-active .a27-covers.a27-cf a{opacity:calc(1 - var(--ab,0)*.17);transform:translate3d(calc(var(--o,0)*var(--cw)*.44 + var(--s,0)*var(--cw)*.36),0,calc(var(--ab,0)*-120px)) rotateY(calc(var(--s,0)*-40deg));cursor:pointer}
.a27-js .a27-pru.is-active .a27-covers.a27-cf a.is-cur{opacity:1;transform:translate3d(0,0,70px)}
.a27-js .a27-pru.is-active .a27-covers.a27-cf a.is-far{opacity:0;pointer-events:none}
.a27-pru .a27-covers.a27-cf img{display:block;width:100%;height:var(--ch)!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;filter:grayscale(1) contrast(1.05) brightness(.62);box-shadow:0 30px 60px rgba(0,0,0,.55);transition:filter .9s ease}
.a27-pru .a27-covers.a27-cf a.is-cur img{filter:none;box-shadow:0 36px 80px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08)}
@media (hover:hover){.a27-pru .a27-covers.a27-cf a:not(.is-cur):hover img{filter:grayscale(1) contrast(1.05) brightness(.9)}}
.a27-pru .a27-covers.a27-cf .a27-it,.a27-pru .a27-covers.a27-cf .a27-m{position:absolute;left:50%;width:max(100%,300px);transform:translateX(-50%);text-align:center;opacity:0;transition:opacity .7s ease}
.a27-pru .a27-covers.a27-cf .a27-it{top:calc(100% + 16px);margin:0}
.a27-pru .a27-covers.a27-cf .a27-m{top:calc(100% + 44px);margin:0}
.a27-pru .a27-covers.a27-cf a.is-cur .a27-it,.a27-pru .a27-covers.a27-cf a.is-cur .a27-m{opacity:1;transition-delay:.35s}
.a27-cf__nav{position:absolute;top:calc(var(--ch)/2 - 22px);z-index:40;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(10,10,10,.55);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.a27-cf__nav:hover{background:#fff;color:#0A0A0A;border-color:#fff}
.a27-cf__nav--prev{left:clamp(16px,4vw,64px)}
.a27-cf__nav--next{right:clamp(16px,4vw,64px)}
@media (max-width:899px){
  .a27-pru{--ch:clamp(200px,38svh,320px)}
  .a27-js .a27-pru .a27-covers.a27-cf{position:relative;left:auto;right:auto;bottom:auto;width:100%;flex:none;perspective:1100px}
  .a27-js .a27-pru.is-active .a27-covers.a27-cf a{transform:translate3d(calc(var(--o,0)*var(--cw)*.22 + var(--s,0)*var(--cw)*.4),0,calc(var(--ab,0)*-110px)) rotateY(calc(var(--s,0)*-38deg))}
  .a27-js .a27-pru.is-active .a27-covers.a27-cf a.is-cur{transform:translate3d(0,0,50px)}
  .a27-cf__nav{display:none}
}
@media (prefers-reduced-motion:reduce){.a27-js .a27-pru .a27-covers.a27-cf a{transition:none}}

/* v20 · MÓVIL — scroll libre, aire en los textos, Respaldos ordenado */
@media (max-width:899px){
  html.a27-snap{scroll-snap-type:none!important}
  .a27-ch{scroll-snap-align:none;min-height:0}
  .a27-open,.a27-inv{min-height:100svh}
  /* aire general: una idea por bloque, texto a la izquierda */
  .a27-ch .a27-cap{margin-bottom:6px;line-height:1.7}
  .a27-ch .a27-h{line-height:1.16;letter-spacing:.03em}
  .a27-ch .a27-lede,.a27-her p{font-size:16px;line-height:1.7;margin-top:20px}
  .a27-her{padding:calc(var(--a27-top) + 24px) 24px 72px;justify-content:flex-start}
  .a27-her .a27-h{margin-top:18px}
  .a27-inn{padding:calc(var(--a27-top) + 40px) 0 72px}
  .a27-inn .a27-lede{font-size:16px;line-height:1.7}
  .a27-inn .a27-phases--2 p,.a27-inn .a27-kpis dd{font-size:15px;line-height:1.6}
  .a27-hum{padding:0 24px 72px}
  .a27-hum .a27-ph{height:360px;object-position:50% 10%;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}
  .a27-hum .a27-ch__txt{margin-top:372px}
  .a27-hum .a27-lede{font-size:16px;line-height:1.7}
  .a27-pru{padding:calc(var(--a27-top) + 40px) 0 72px;gap:32px}
  /* Pruebas: carrusel plano, sin giro, vecinos asomando enteros */
  .a27-js .a27-pru.is-active .a27-covers.a27-cf a{transform:translate3d(calc(var(--o,0)*var(--cw)*1.06),0,0) scale(calc(1 - var(--ab,0)*.1));opacity:calc(1 - var(--ab,0)*.45)}
  .a27-js .a27-pru.is-active .a27-covers.a27-cf a.is-cur{transform:none;opacity:1}
  .a27-pru .a27-covers.a27-cf{perspective:none;height:calc(var(--ch) + 96px)}
  .a27-pru .a27-covers.a27-cf img{box-shadow:none}
  .a27-pru .a27-covers.a27-cf .a27-it{font-size:13px;letter-spacing:.2em}
  .a27-pru .a27-covers.a27-cf .a27-m{font-size:14px;line-height:1.5;top:calc(100% + 46px)}

  /* 05 Respaldos */
  .a27-ch.a27-bak{display:block}
  .a27-bak__in{display:block;text-align:left;padding:calc(var(--a27-top) + 40px) 24px 72px}
  .a27-bak__in .a27-cap{justify-content:flex-start}
  .a27-bak .a27-h{text-align:left;margin:14px 0 36px;max-width:none;font-size:clamp(24px,7.4vw,32px)}
  .a27-ch.a27-bak .a27-bak__grid{display:block;max-width:none;width:100%;border-top:1px solid rgba(232,230,227,.2)}
  .a27-bak__grid article,.a27-bak__grid article+article{display:block;text-align:left;align-items:flex-start;padding:30px 0!important;border:0!important;border-bottom:1px solid rgba(232,230,227,.16)!important}
  .a27-bak__logo{display:block;height:48px;width:auto;max-width:150px;margin:0 0 18px;object-position:left}
  .a27-bak h3{font-size:14px;letter-spacing:.14em;margin:0 0 12px}
  .a27-bak p{font-size:16px;line-height:1.7;max-width:none;margin:0}
  .a27-bak__ph{display:grid;grid-template-columns:1fr 1fr;gap:28px 14px;margin:40px 0 0;padding:0;width:100%;overflow:visible;align-items:start}
  .a27-bak__ph figure,.a27-bak__ph .is-lead{display:block;margin:0;text-align:left}
  .a27-bak__ph img,.a27-bak__ph .is-lead img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;filter:grayscale(1) brightness(.9)}
  .a27-bak__ph figcaption{margin-top:12px;max-width:none;text-align:left}
  .a27-bak__ph figcaption b{font-size:12px;line-height:1.5;letter-spacing:.14em}
  .a27-bak__ph figcaption span{font-size:13px;line-height:1.5;margin-top:6px;color:#9a9a9a}
  /* invitación */
  .a27-inv{padding:calc(var(--a27-top) + 40px) 0 72px}
  .a27-inv .a27-cap{justify-content:flex-start}
}

/* v21 · Selector de idioma — dos opciones vacías, en escalera */
.a27-lang{gap:0;justify-content:center;padding:24px clamp(24px,8vw,120px)}
.a27-lang__logo{width:clamp(96px,9vw,132px);margin-bottom:clamp(34px,6vh,56px)}
.a27-lang__t{font-size:11px;letter-spacing:.42em;color:#8A8A8A;margin-bottom:clamp(28px,5vh,44px)}
.a27-lang__t span{color:#8A8A8A;margin:0 10px;font-weight:200}
.a27-lang__row{display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;width:min(520px,100%);border-top:1px solid rgba(232,230,227,.22)}
.a27-lang__row button,.a27-lang__row a{position:relative;display:grid;grid-template-columns:44px 1fr auto 28px;align-items:center;column-gap:14px;width:100%;min-width:0;padding:clamp(22px,3.6vh,32px) 4px;background:transparent;color:#E8E6E3;border:0;border-bottom:1px solid rgba(232,230,227,.22);border-radius:0;box-shadow:none;text-align:left;text-transform:none;letter-spacing:0;font:300 clamp(26px,3.2vw,36px)/1 'Switzer',sans-serif;overflow:hidden;isolation:isolate;transition:padding .6s cubic-bezier(.2,.7,.2,1),color .5s ease}
.a27-lang__row button::before,.a27-lang__row a::before{content:"";position:absolute;inset:0;z-index:-1;background:#F3EFE7;transform:scaleY(0);transform-origin:50% 100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.a27-lang__row i{font:400 11px/1 'Switzer',sans-serif;letter-spacing:.3em;font-style:normal;color:#8A8A8A;transition:color .4s}
.a27-lang__row b{font-weight:300;letter-spacing:.14em;text-transform:uppercase}
.a27-lang__row em{font:400 10px/1 'Switzer',sans-serif;letter-spacing:.3em;text-transform:uppercase;font-style:normal;color:#8A8A8A;opacity:0;transform:translateX(-8px);transition:opacity .5s,transform .5s,color .4s}
.a27-lang__row svg{width:26px;height:8px;color:#8A8A8A;transform:translateX(-6px);transition:transform .6s cubic-bezier(.2,.7,.2,1),color .4s}
.a27-lang__row button:hover,.a27-lang__row a:hover,.a27-lang__row button:focus-visible,.a27-lang__row a:focus-visible{transform:none;background:transparent;color:#0A0A0A;padding-left:20px;padding-right:20px;outline:0}
.a27-lang__row button:hover::before,.a27-lang__row a:hover::before,.a27-lang__row button:focus-visible::before,.a27-lang__row a:focus-visible::before{transform:scaleY(1)}
.a27-lang__row button:hover i,.a27-lang__row a:hover i,.a27-lang__row button:hover em,.a27-lang__row a:hover em,.a27-lang__row button:hover svg,.a27-lang__row a:hover svg,.a27-lang__row button:focus-visible :is(i,em,svg),.a27-lang__row a:focus-visible :is(i,em,svg){color:#0A0A0A}
.a27-lang__row button:hover em,.a27-lang__row a:hover em,.a27-lang__row button:focus-visible em,.a27-lang__row a:focus-visible em{opacity:1;transform:none}
.a27-lang__row button:hover svg,.a27-lang__row a:hover svg,.a27-lang__row button:focus-visible svg,.a27-lang__row a:focus-visible svg{transform:none}
.a27-lang__f{margin:clamp(34px,6vh,52px) 0 0;font-size:10px;letter-spacing:.36em;text-transform:uppercase;color:#5f5f5f}
.a27-lang-on .a27-lang>*{animation:a27lrise 1s cubic-bezier(.2,.7,.2,1) both}
.a27-lang-on .a27-lang__logo{animation-delay:.1s}.a27-lang-on .a27-lang__t{animation-delay:.25s}
.a27-lang-on .a27-lang__row button{animation:a27lrise 1s cubic-bezier(.2,.7,.2,1) .4s both}
.a27-lang-on .a27-lang__row a{animation:a27lrise 1s cubic-bezier(.2,.7,.2,1) .55s both}
.a27-lang-on .a27-lang__row{animation:none}
.a27-lang-on .a27-lang__f{animation-delay:.8s}
@keyframes a27lrise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media (hover:none){.a27-lang__row em{opacity:1;transform:none}.a27-lang__row svg{transform:none}}
@media (max-width:520px){.a27-lang__row button,.a27-lang__row a{grid-template-columns:30px 1fr 24px;font-size:26px}.a27-lang__row em{display:none}}
@media (prefers-reduced-motion:reduce){.a27-lang-on .a27-lang>*,.a27-lang-on .a27-lang__row button,.a27-lang-on .a27-lang__row a{animation:none}}

/* v22 · Indicador "Desliza" centrado y llamada a la acción */
.a27-open .a27-open__hint{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;left:0;right:0;width:100%;margin:0;text-align:center;font-size:11px;letter-spacing:.34em;color:#B8B8B8}
.a27-open__hint::after{content:"";width:1px;height:30px;background:linear-gradient(180deg,#fff,transparent);animation:a27-swipe 1.8s ease-in-out infinite;transform-origin:top}
@keyframes a27-swipe{0%{transform:scaleY(0);opacity:0}30%{opacity:1}100%{transform:scaleY(1);opacity:0}}

/* v22 · FAQ: acordeón evidente */
.a27-faq__hint{margin:0 0 22px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#8A8A8A}
.a27-faq .a27-q{border-top:1px solid rgba(232,230,227,.18);border-bottom:0}
.a27-faq .a27-q:last-child{border-bottom:1px solid rgba(232,230,227,.18)}
.a27-faq .a27-q summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;cursor:pointer;font-size:clamp(16px,1.4vw,19px);line-height:1.4;font-weight:400;letter-spacing:.02em;color:#E8E6E3;transition:color .3s}
.a27-faq .a27-q summary::-webkit-details-marker{display:none}
.a27-faq .a27-q summary::marker{content:""}
.a27-faq .a27-q summary::after{content:"+";flex:none;width:38px;height:38px;border:1px solid rgba(232,230,227,.4);border-radius:50%;display:grid;place-items:center;font:200 22px/1 'Switzer',sans-serif;color:#E8E6E3;transition:background .35s,color .35s,transform .45s cubic-bezier(.2,.7,.2,1),border-color .35s}
.a27-faq .a27-q summary:hover::after{background:#fff;color:#0A0A0A;border-color:#fff}
.a27-faq .a27-q[open] summary::after{content:"−";background:#fff;color:#0A0A0A;border-color:#fff;transform:rotate(180deg)}
.a27-faq .a27-q p{margin:0 0 24px;padding-right:56px;font-size:16px;line-height:1.7;max-width:62ch}
.a27-faq .a27-q:focus-within summary{outline:0}
.a27-faq .a27-q summary:focus-visible{outline:2px solid #A8112C;outline-offset:2px}

/* v22 · 05 Respaldos: nombre completo del Ministerio */
.a27-bak h3{line-height:1.45}
.a27-bak__grid article:first-child h3{font-size:13px;max-width:34ch}
@media (min-width:900px){.a27-bak__grid article:first-child h3{margin-left:auto;margin-right:auto}}

/* v22 · MÓVIL: rendimiento, ritmo, mapa, Método, Humanidad */
@media (max-width:899px){
  .a27-grain{display:none}
  .a27-js .a27-rv{transition:opacity .6s ease,transform .6s ease}
  .a27-js .a27-ch.is-active .a27-rv:nth-child(n){transition-delay:0s}
  .a27-js .a27-ch.is-active .a27-rv:nth-child(3){transition-delay:.08s}
  .a27-js .a27-ch.is-active .a27-rv:nth-child(n+4){transition-delay:.16s}
  .a27-js .a27-open.is-active .a27-cap.a27-rv{transition-delay:.1s}
  .a27-js .a27-open.is-active .a27-h.a27-rv{transition-delay:.25s}
  .a27-js .a27-open.is-active .a27-lede.a27-rv{transition-delay:.4s}
  .a27-js .a27-open.is-active .a27-btn-wrap.a27-rv{transition-delay:.55s}
  /* mapa: más grande, con contorno legible y halo */
  .a27-her .a27-map{height:min(50svh,420px);margin:6px 0 30px;position:relative}
  .a27-her .a27-map::before{content:"";position:absolute;inset:6% 4%;background:radial-gradient(closest-side,rgba(168,17,44,.22),transparent 78%);pointer-events:none}
  .a27-map svg{position:relative}
  .a27-map .prov{fill:#1a1a1a;stroke:#5a5a5a;stroke-width:.9;transition:fill .5s ease calc(var(--i,0)*.1s + .1s),opacity .5s ease}
  .a27-js .a27-her .a27-map circle{transition:opacity .4s ease .6s}
  .a27-maplist{margin-top:22px}
  .a27-maplist div{padding:11px 0;font-size:15px}
  /* Método: sin boceto ni texturas, más aire */
  .a27-inn .a27-sketch,.a27-inn .a27-sketch--m{display:none!important}
  .a27-inn{padding:calc(var(--a27-top) + 48px) 0 88px}
  .a27-inn .a27-lede{margin:22px 0 0}
  .a27-inn .a27-phases--2{margin:44px 0 0}
  .a27-inn .a27-phases--2 li,.a27-inn .a27-phases--2 li+li{padding-bottom:40px}
  .a27-inn .a27-phases--2 b{font-size:21px}
  .a27-inn .a27-phases--2 p{margin:8px 0 0}
  .a27-inn .a27-ph2__row{margin-top:20px}
  .a27-inn .a27-ph2__row>div{padding:16px 0!important;grid-template-columns:96px 1fr;column-gap:14px}
  .a27-inn .a27-kpis{margin:12px 0 0}
  .a27-inn .a27-kpis div,.a27-inn .a27-kpis div+div{padding:18px 0;grid-template-columns:64px 1fr;gap:14px}
  .a27-inn .a27-btn{margin-top:40px}
  /* Humanidad: foto con desvanecido arriba y abajo, sin franja intermedia */
  .a27-hum .a27-shade,.a27-hum .a27-grain{display:none}
  .a27-hum .a27-ph{height:420px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 56%,transparent 98%);mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 56%,transparent 98%)}
  .a27-hum .a27-ch__txt{margin-top:384px}
  /* Pruebas: avance más ágil */
  .a27-js .a27-pru .a27-covers.a27-cf a{transition:transform .6s cubic-bezier(.19,1,.22,1),opacity .5s ease;transition-delay:0s}
  /* 05 centrado */
  .a27-bak__in{text-align:center}
  .a27-bak__in .a27-cap{justify-content:center}
  .a27-bak .a27-h{text-align:center}
  .a27-bak__grid article,.a27-bak__grid article+article{text-align:center;display:flex!important;flex-direction:column;align-items:center}
  .a27-bak__logo{object-position:center;margin:0 auto 18px}
  .a27-bak p{margin-left:auto;margin-right:auto}
  .a27-bak__ph figure,.a27-bak__ph .is-lead,.a27-bak__ph figcaption{text-align:center}
}

/* ===== v23 · Casos: filtro único + tarjeta limpia ===== */
.a27-filters{margin-bottom:40px}
.a27-case{position:relative;padding-bottom:6px}
.a27-case__line{display:block;margin-top:10px;font-size:14px;line-height:1.55;color:var(--a27-ink);max-width:34ch}
.a27-case__fig{display:block;margin-top:8px;font-size:12px;line-height:1.5;color:var(--a27-stone)}
.a27-case__go{position:absolute;right:0;top:calc(100% - 4px);font-style:normal;font-size:18px;line-height:1;opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s}
.a27-case__name{padding-right:28px}
.a27-case:hover .a27-case__go,.a27-case:focus-visible .a27-case__go{opacity:1;transform:none}
@media (hover:none){.a27-case__go{display:none}}
@media (max-width:899px){
  .a27-filters{flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:0 -24px 28px;padding:2px 24px 6px;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity}
  .a27-filters::-webkit-scrollbar{display:none}
  .a27-filters button{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;padding:9px 16px}
  .a27-grid3{grid-template-columns:1fr 1fr!important;gap:28px 14px}
  .a27-case__name{font-size:13px;letter-spacing:.1em;padding-right:0}
  .a27-case__meta{font-size:10px;letter-spacing:.12em;line-height:1.5}
  .a27-case__line{font-size:12.5px;line-height:1.5;margin-top:8px}
  .a27-case__fig{font-size:11px;margin-top:6px}
}

/* ===== v24 · Contraste en páginas con estilos heredados ===== */
body.a27 #aradSite .svc-right-label,
body.a27 #aradSite .lock-quote,
body.a27 #aradSite .lock-note,
body.a27 #aradSite .principio-desc{color:#5c5c5c}
body.a27 #aradSite .svc-right-label{font-size:11px}
body.a27 #aradSite .lock-note{font-size:11px}

/* ═══ v25 · Invitación más pausada, firma en su propio espacio, fotos de prensa/producción a color, provincias en una columna ═══ */
.a27-js .a27-inv .a27-rv{transition-duration:1.5s,1.5s}
.a27-js .a27-inv.is-active .a27-rv:nth-child(1){transition-delay:.2s}
.a27-js .a27-inv.is-active .a27-rv:nth-child(2){transition-delay:.7s}
.a27-js .a27-inv.is-active .a27-rv:nth-child(3){transition-delay:1.3s}
.a27-js .a27-inv.is-active .a27-rv:nth-child(4){transition-delay:1.9s}
.a27-js .a27-inv.is-active .a27-rv:nth-child(5){transition-delay:2.4s}
.a27-js .a27-inv.is-active .a27-rv:nth-child(6){transition-delay:2.9s}
.a27-js .a27-inv.is-active .a27-rv:nth-child(7){transition-delay:3.4s}
.a27-js .a27-ch.is-active .a27-firma--inv path{transition-duration:calc(var(--fd)*1.8);transition-delay:calc(3.6s + var(--fs)*1.8)}
.a27-bak__ph .is-lead img{filter:none!important}
@media (max-width:899px){
  .a27-inv{display:flex;flex-direction:column;justify-content:flex-start}
  .a27-inv .a27-ch__ctr{padding-bottom:0}
  .a27-firma--inv{position:relative;left:auto;bottom:auto;display:block;width:150px;margin:40px auto 0;padding-bottom:8px}
  .a27-bak__ph .is-lead img{filter:none!important}
  .a27-maplist{grid-template-columns:1fr!important;gap:0!important}
  .a27-maplist div{padding:13px 0!important;font-size:15px!important}
}
@media (max-width:899px){
  .a27-inv .a27-ch__ctr{position:relative;inset:auto;padding-bottom:0}
  .a27-inv{min-height:0;padding-bottom:56px}
}

/* ═══ v26 · Transición entre páginas ═══
   Navegadores con View Transitions entre documentos: la página nueva se revela de abajo hacia arriba
   sobre la anterior, que se aleja y se oscurece. La barra superior se queda fija. */
@view-transition{navigation:auto}
.a27-top{view-transition-name:a27top}
::view-transition-group(a27top){animation-duration:0s}
::view-transition-old(root){animation:a27-vt-out .9s cubic-bezier(.65,0,.35,1) both}
::view-transition-new(root){animation:a27-vt-in 1s cubic-bezier(.65,0,.35,1) both}
@keyframes a27-vt-out{to{opacity:.35;transform:translateY(-4vh) scale(.97);filter:brightness(.35)}}
@keyframes a27-vt-in{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
/* Respaldo (Firefox y otros): telón de tinta que sube y baja */
.a27-veil{position:fixed;inset:0;z-index:3000;background:#0A0A0A;transform:translateY(100%);pointer-events:none;transition:transform .55s cubic-bezier(.65,0,.35,1)}
.a27-veil.is-on{transform:translateY(0);pointer-events:auto}
.a27-veil.is-off{transform:translateY(-100%)}
@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  .a27-veil{display:none}
}

/* ===== v27 · Perfil Francisco (fx-) ===== */
.fx{background:var(--a27-ink);color:var(--a27-text);font-family:var(--a27-sans);overflow-x:hidden}
.fx *{box-sizing:border-box}
.fx-cap{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--a27-dim);margin:0 0 22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.fx-cap i{display:block;width:34px;height:1px;background:var(--a27-accent)}
.fx-h{font-weight:300;text-transform:uppercase;letter-spacing:.04em;line-height:1.08;font-size:clamp(28px,4.6vw,60px);margin:0 0 28px;max-width:18ch}
.fx-h i{font-style:normal;color:var(--a27-dim)}
.fx p{font-weight:300;line-height:1.7;font-size:clamp(16px,1.3vw,19px)}
.fx-js .fx-rv{opacity:0;transform:translateY(26px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.fx-js .fx-rv.is-in{opacity:1;transform:none}
.fx-js .fx-tl li{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s ease}
.fx-js .fx-tl li.is-in{opacity:1;transform:none}

/* Hero */
.fx-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:calc(var(--a27-top) + 24px) var(--a27-gutter,6vw) 9vh;overflow:hidden;background:#000}
.fx-hero__ph{position:absolute;top:0;right:0;bottom:0;width:62%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
.fx-hero__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;transform:scale(1.06);will-change:transform;animation:fx-ph 2.4s cubic-bezier(.2,.7,.2,1) both}
@keyframes fx-ph{from{opacity:0;filter:brightness(.3)}to{opacity:1;filter:none}}
.fx-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(0deg,var(--a27-ink),transparent);pointer-events:none}
.fx-hero__t{position:relative;z-index:2;max-width:880px}
.fx-hero h1{margin:0 0 26px;font-weight:300;text-transform:uppercase;letter-spacing:.03em;line-height:.94;font-size:clamp(54px,11vw,170px);color:#fff}
.fx-line{display:block;overflow:hidden;padding-bottom:.06em}
.fx-line b{display:block;font-weight:300;transform:translateY(110%);animation:fx-up 1.3s cubic-bezier(.2,.8,.2,1) both}
.fx-line:nth-child(1) b{animation-delay:.35s}.fx-line:nth-child(2) b{animation-delay:.5s}.fx-line:nth-child(3) b{animation-delay:.65s}
@keyframes fx-up{to{transform:none}}
.fx-l{opacity:0;animation:fx-fade 1.2s ease 1.2s both}
@keyframes fx-fade{to{opacity:1}}
.fx-hero .fx-cap{color:#cfcfcf;animation-delay:.2s}
.fx-sub{max-width:40ch;margin:0 0 22px;color:var(--a27-text);font-size:clamp(17px,1.6vw,22px)!important}
.fx-sig{display:block;width:clamp(120px,14vw,190px);height:auto;opacity:0;animation:fx-sign 1.8s cubic-bezier(.6,0,.2,1) 1.7s both}
@keyframes fx-sign{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
.fx-scroll{position:absolute;z-index:3;right:var(--a27-gutter,6vw);bottom:34px;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#bbb;text-decoration:none;writing-mode:vertical-rl}
.fx-scroll i{display:block;width:1px;height:56px;background:linear-gradient(#fff,transparent);animation:fx-sc 2s ease-in-out infinite}
@keyframes fx-sc{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* Premisa */
.fx-prem{background:var(--a27-ivory);color:var(--a27-ink);padding:clamp(80px,14vw,200px) var(--a27-gutter,6vw)}
.fx-prem .fx-cap{color:var(--a27-stone)}
.fx-big{font-weight:300!important;text-transform:uppercase;letter-spacing:.02em;line-height:1.08!important;font-size:clamp(34px,7vw,104px)!important;margin:0;max-width:16ch}
.fx-big span{display:inline-block;opacity:.16;transition:opacity .8s ease;transition-delay:calc(var(--i)*.1s)}
.fx-prem.is-in .fx-big span,html:not(.fx-js) .fx-big span{opacity:1}
.fx-big span:nth-last-child(-n+3){}

/* Cifras */
.fx-nums{background:var(--a27-ink);padding:clamp(48px,7vw,100px) var(--a27-gutter,6vw)}
.fx-nums dl{margin:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #333}
.fx-nums dl>div{padding:34px 24px 34px 0;border-right:1px solid #333;margin-right:24px}
.fx-nums dl>div:last-child{border-right:0;margin-right:0}
.fx-nums dd{margin:0 0 14px;order:-1;font-weight:200;color:#fff;font-size:clamp(52px,6.6vw,104px);line-height:1;letter-spacing:.01em}
.fx-nums dd sup{font-size:.4em;color:var(--a27-accent);vertical-align:top}
.fx-nums dl>div{display:flex;flex-direction:column}
.fx-nums dt{font-size:13px;line-height:1.55;color:var(--a27-mute);font-weight:300;max-width:26ch}

/* Sobre */
.fx-about{display:grid;grid-template-columns:5fr 6fr;gap:clamp(32px,6vw,100px);padding:clamp(60px,9vw,140px) var(--a27-gutter,6vw);background:var(--a27-ink);align-items:start}
.fx-about__ph{position:sticky;top:calc(var(--a27-top) + 20px)}
.fx-about__ph img{width:100%;height:auto;display:block;aspect-ratio:4/5;object-fit:cover}
.fx-about__t p{color:var(--a27-text);margin:0 0 22px;max-width:60ch}

/* Cita */
.fx-quote{background:var(--a27-ivory);color:var(--a27-ink);padding:clamp(80px,12vw,180px) var(--a27-gutter,6vw)}
.fx-quote .fx-cap{color:var(--a27-stone)}
.fx-quote blockquote{margin:0;max-width:1000px}
.fx-quote blockquote p{font-weight:300;font-size:clamp(24px,3.6vw,50px)!important;line-height:1.25!important;letter-spacing:.005em;margin:0 0 34px;color:var(--a27-ink)}
.fx-quote cite{font-style:normal;display:block;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--a27-ink);padding-top:22px;border-top:2px solid var(--a27-accent);width:fit-content}
.fx-quote cite span{display:block;text-transform:none;letter-spacing:.02em;color:var(--a27-stone);margin-top:6px;font-size:14px}

/* Trayectoria */
.fx-path{background:var(--a27-ink);padding:clamp(70px,10vw,150px) var(--a27-gutter,6vw)}
.fx-tl{list-style:none;margin:48px 0 56px;padding:0;border-top:1px solid #333}
.fx-tl li{display:grid;grid-template-columns:minmax(120px,22%) 1fr;gap:24px;padding:28px 0;border-bottom:1px solid #333;align-items:baseline}
.fx-tl__d{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--a27-dim)}
.fx-tl b{display:block;font-weight:300;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(22px,2.8vw,38px);color:#fff;margin-bottom:8px}
.fx-tl p{margin:0;color:var(--a27-mute);max-width:56ch}
.fx-tl .is-now b{color:var(--a27-accent)}
.fx-wide{max-width:70ch;color:var(--a27-text)}

/* Galería */
.fx-gal{background:#111;padding:clamp(70px,10vw,140px) 0}
.fx-gal__hd{padding:0 var(--a27-gutter,6vw)}
.fx-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px var(--a27-gutter,6vw) 28px;scrollbar-width:thin;scrollbar-color:#444 transparent;cursor:grab;-webkit-overflow-scrolling:touch}
.fx-rail.is-drag{cursor:grabbing;scroll-snap-type:none}
.fx-rail figure{margin:0;flex:0 0 clamp(250px,26vw,380px);scroll-snap-align:start}
.fx-rail img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}
.fx-rail figcaption{padding-top:14px;border-top:1px solid #333;margin-top:14px}
.fx-rail figcaption b{display:block;font-weight:400;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.fx-rail figcaption span{font-size:14px;color:var(--a27-mute)}

/* Reconocimientos */
.fx-rec{background:var(--a27-ink);padding:clamp(70px,10vw,150px) var(--a27-gutter,6vw)}
.fx-rec__g{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(32px,6vw,100px);margin-top:40px}
.fx-rec h3{font-weight:400;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--a27-dim);margin:0 0 8px;padding-bottom:14px;border-bottom:1px solid #333}
.fx-rec ul{list-style:none;margin:0;padding:0}
.fx-rec li{padding:20px 0;border-bottom:1px solid #262626;font-weight:300;font-size:clamp(16px,1.4vw,20px);line-height:1.5;color:var(--a27-text)}

/* CTA */
.fx-cta{background:var(--a27-ivory);color:var(--a27-ink);padding:clamp(90px,13vw,200px) var(--a27-gutter,6vw);text-align:left}
.fx-cta .fx-cap{color:var(--a27-stone)}
.fx-cta .fx-h{color:var(--a27-ink)}.fx-cta .fx-h i{color:var(--a27-stone)}
.fx-cta__p{max-width:48ch;color:var(--a27-stone);margin:0 0 36px}
.fx-btn{display:inline-block;background:var(--a27-ink);color:#fff;text-decoration:none;border-radius:999px;padding:18px 40px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;transition:background .3s,transform .3s}
.fx-btn:hover{background:var(--a27-accent);transform:translateY(-2px)}
.fx-back{display:block;margin-top:34px;color:var(--a27-stone);text-decoration:none;font-size:14px;letter-spacing:.1em}
.fx-back:hover{color:var(--a27-ink)}

@media (max-width:899px){
  .fx-hero{align-items:flex-end;padding:0 var(--a27-gutter,6vw) 64px;min-height:100svh}
  .fx-hero__ph{width:100%;height:62%;bottom:auto;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
  .fx-hero__ph img{object-position:50% 8%}
  .fx-hero h1{font-size:clamp(46px,15vw,92px)}
  .fx-scroll{display:none}
  .fx-nums dl{grid-template-columns:1fr 1fr}
  .fx-nums dl>div{padding:26px 14px 26px 0;margin-right:14px;border-bottom:1px solid #333}
  .fx-nums dl>div:nth-child(2n){border-right:0;margin-right:0}
  .fx-about{grid-template-columns:1fr}
  .fx-about__ph{position:relative;top:auto}
  .fx-tl li{grid-template-columns:1fr;gap:8px}
  .fx-rec__g{grid-template-columns:1fr}
  .fx-rail figure{flex-basis:72vw}
}
@media (prefers-reduced-motion:reduce){
  .fx-line b,.fx-l,.fx-sig,.fx-hero__ph img{animation:none!important;transform:none;opacity:1}
  .fx-js .fx-rv,.fx-js .fx-tl li{opacity:1;transform:none;transition:none}
  .fx-big span{opacity:1;transition:none}
  .fx-scroll i{animation:none}
}
@media (max-width:899px){.fx-hero__ph{height:54%}.fx-hero .fx-cap{gap:8px;font-size:10px;letter-spacing:.2em}.fx-hero .fx-cap i{display:none}.fx-hero .fx-cap span+span{flex-basis:100%}.fx-sig{width:104px}.fx-hero h1{margin-bottom:18px}}
@media (min-width:900px){.fx-hero__ph{width:50%}.fx-hero__ph img{object-position:60% 10%}.fx-hero h1{font-size:clamp(54px,7.6vw,128px)}.fx-hero__t{max-width:60%}}

/* ===== v28 · Ritmo uniforme, botones iguales y mapa progresivo ===== */
:root{--a27-r1:14px;--a27-r2:20px;--a27-r3:32px}
.a27-cap{margin-bottom:var(--a27-r1)}
.a27-ch .a27-h,.a27-ch .a27-h.a27-rv{margin-top:0;margin-bottom:0}
.a27-ch .a27-cap+.a27-h,.a27-ch .a27-mf+.a27-cap,.a27-ch .a27-cap{margin-top:0}
.a27-ch .a27-h+.a27-lede,.a27-ch .a27-h+p{margin-top:var(--a27-r2)}
.a27-lede{margin-bottom:0}
/* Botones: mismo alto, mismo ancho de letra, misma separación */
.a27-btn,.a27-ch .a27-btn,.a27-wa .a27-btn,.a27-pru .a27-btn,.fx-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:0 34px;font-size:12px;font-weight:500;letter-spacing:.18em;line-height:1;border-radius:30px;text-decoration:none}
.a27-ch .a27-btn,.a27-open .a27-btn,.a27-her .a27-btn,.a27-fr .a27-btn,.a27-inn .a27-btn,.a27-hum .a27-btn,.a27-wa{margin-top:var(--a27-r3)}
.a27-pru .a27-btn{margin-top:0}
.a27-wa{margin-top:var(--a27-r3)}
/* Mapa: cada provincia se colorea una tras otra */
.a27-js .a27-ch.is-active .a27-map .prov.is-hot{fill:#161616;transition:none;animation:a27-provfill 1.1s ease forwards;animation-delay:calc(var(--i,0)*.7s + .8s)}
@keyframes a27-provfill{from{fill:#161616}to{fill:var(--tf)}}
@media (prefers-reduced-motion:reduce){.a27-js .a27-ch.is-active .a27-map .prov.is-hot{animation:none;fill:var(--tf)}}
@media (max-width:899px){
  .a27-ch .a27-btn,.a27-wa .a27-btn,.a27-btn-wrap .a27-btn,.fx-btn{display:flex;width:100%;max-width:320px;margin-left:auto;margin-right:auto}
  .a27-ch .a27-btn-wrap,.a27-wa{display:block;text-align:center}
  .a27-ch .a27-btn,.a27-wa{margin-top:28px}
  .a27-pru .a27-btn{margin-top:0}
}
@media (max-width:899px){
  body.a27 .a27-btn{display:flex;width:min(100%,320px);max-width:none;margin-left:auto!important;margin-right:auto!important;align-self:center;justify-self:center;flex:none}
  body.a27 .a27-btn-wrap,body.a27 .a27-pru .a27-hd{text-align:center}
}
@media (max-width:899px){body.a27 .a27-ch :has(>.a27-btn){width:100%;align-self:stretch}}

/* v29 · Francisco: código de identidad, Kamina, galería */
.fx-n{font-weight:400;font-size:1.9em;letter-spacing:.04em;color:var(--a27-accent-b,#D4213F);vertical-align:-.12em;margin-left:6px}
.fx-kam{max-width:760px;margin:clamp(48px,6vw,90px) 0 clamp(40px,5vw,70px);padding-top:clamp(32px,4vw,56px);border-top:1px solid #333}
.fx-kam h3{font-weight:300;text-transform:uppercase;letter-spacing:.04em;line-height:1.12;font-size:clamp(24px,3vw,40px);margin:0 0 var(--a27-r2,20px);color:#fff}
.fx-kam p{margin:0 0 16px}
.fx-rail figure{display:flex;flex-direction:column}
.fx-rail img{height:auto;background:#1a1a1a}
@media (max-width:899px){.fx-rail figure{flex-basis:78vw}}
.fx-hero .fx-cap{text-shadow:0 1px 8px rgba(0,0,0,.85)}

/* v30 */
.fx-cta .fx-btn{background:#fff;color:var(--a27-ink);border:1px solid var(--a27-ink);box-shadow:0 10px 30px rgba(0,0,0,.14);opacity:1;visibility:visible}
.fx-cta .fx-btn:hover{background:var(--a27-ink);color:#fff}
.fx-sig{width:clamp(150px,17vw,230px)}
@media (max-width:899px){.fx-sig{width:140px}}
@media (prefers-reduced-motion:reduce){.fx-sig{clip-path:none}}

/* v31 — pista del menú en la portada */
.a27-top #a27MenuBtn{position:relative;padding:10px 16px;margin-left:-16px;border-radius:30px}
.a27-top #a27MenuBtn.a27-pulse::before{content:"";position:absolute;inset:0;border-radius:30px;border:1px solid var(--a27-accent-b,#D4213F);animation:a27-pulse 2.2s ease-out infinite;pointer-events:none}
@keyframes a27-pulse{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.35,1.9);opacity:0}}
.a27-hint{position:absolute;left:0;top:calc(100% + 6px);white-space:nowrap;background:#fff;color:var(--a27-ink);font-size:10px;letter-spacing:.2em;padding:9px 14px;border-radius:20px;opacity:0;transform:translateY(-6px);transition:opacity .5s,transform .5s;pointer-events:none}
.a27-hint::before{content:"";position:absolute;left:22px;top:-4px;width:8px;height:8px;background:#fff;transform:rotate(45deg)}
.a27-hint.on{opacity:1;transform:none}
@media (max-width:899px){.a27-top #a27MenuBtn{margin-left:-12px;padding:9px 12px}}
@media (prefers-reduced-motion:reduce){.a27-top #a27MenuBtn.a27-pulse::before{animation:none;opacity:.7}}

/* v32 — firma vectorial en el perfil (se dibuja trazo a trazo al cargar) */
.fx-firma{display:block;width:clamp(170px,18vw,250px);height:auto;overflow:visible;margin-top:6px}
.fx-firma path{fill:none;stroke:#F3EFE7;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:fx-draw var(--fd) cubic-bezier(.45,.05,.4,1) calc(1.6s + var(--fs)) forwards}
@keyframes fx-draw{to{stroke-dashoffset:0}}
@media (max-width:899px){.fx-firma{width:150px}}
@media (prefers-reduced-motion:reduce){.fx-firma path{animation:none;stroke-dashoffset:0}}

/* ═══ v5 · Tipografía oficial Arad 2027 (Frank, 03/11/2026) ════════════════
   Títulos, menú, botones, etiquetas y cifras: Jost, en MAYÚSCULAS.
   Texto corrido (párrafos, listas, citas, formularios): Libre Baskerville (Google Fonts).
   Reenie Beanie solo como decoración.                                       */
:root{--a27-body:'Switzer','Helvetica Neue',Helvetica,Arial,sans-serif}
html body.a27 :is(p,li,dd,blockquote,figcaption,td,address,textarea):not(svg *),
html body.a27 :is(p,li,dd,blockquote,figcaption,td,address) :is(span,a,strong,em,i,b,small,abbr,time):not(svg *){font-family:var(--a27-body)!important}
html body.a27 :is(p,li,dd,blockquote,figcaption){font-weight:400;letter-spacing:0;line-height:1.75;font-style:normal}
html body.a27 :is(p,li,dd){font-size:.94em}
html body.a27 :is(p,li) :is(strong,b){font-weight:700}
html body.a27 :is(p,li) em{font-style:italic}
/* Lo que sigue siendo Jost aunque sea un <p> o <li>: etiquetas, cifras, menú, pie, botones */
html body.a27 :is(.a27-cap,.a27-lang__t,.a27-lang__f,.a27-idx,.a27-note,.a27-menu__list li,.a27-menu__list a,.a27-menu__foot,.a27-stats,.a27-phases b,.a27-phases span,.a27-case__name,.a27-foot__tag,.a27-foot li,.a27-foot li *,.a27-fact b,.stat-num,.btn,.a27-btn,nav li,nav a,.eyebrow,.label,.article-breadcrumb,.article-breadcrumb *,.listing-card-cat,.listing-card-link,.contact-item-label,.roster-role,.honor-role,.crumb,.crumb *):not(svg *){font-family:var(--a27-sans)!important}
html body.a27 :is(.a27-stats,.a27-fact) :is(p,span,b){font-family:var(--a27-sans)!important}
html body.a27 :is(h1,h2,h3,h4,.a27-h,.a27-faq__t){font-family:var(--a27-sans)!important;text-transform:uppercase}
/* Lede (bajada bajo el titular): Baskerville un poco más grande */
html body.a27 .a27-lede{font-size:clamp(16px,1.2vw,19px)!important;line-height:1.7}
html body.a27 .lf .lf__hint{font-family:var(--a27-body)!important}

/* v5 · botón secundario del hero */
html body.a27 .a27-ch a.a27-btn.a27-btn--ghost{background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff;border-color:rgba(255,255,255,.55)!important;margin-left:10px}
html body.a27 .a27-ch a.a27-btn.a27-btn--ghost:hover{background:#fff!important;color:#0A0A0A!important;-webkit-text-fill-color:#0A0A0A}
.a27-btn--ghost:hover{border-color:#fff!important}
@media(max-width:600px){.a27-btn--ghost{margin:12px 0 0}}

/* v5 · campos del formulario en Baskerville */
html body.a27 .lf :is(input,select,textarea,option){font-family:var(--a27-body)!important}

/* v5 · Capítulo Problema (fondo claro): indicadores legibles */
.a27-ch--light .a27-kpis{border-top-color:rgba(10,10,10,.18)}
.a27-ch--light .a27-kpis div+div{border-left-color:rgba(10,10,10,.14)}
.a27-ch--light .a27-kpis dt{color:var(--a27-ink)}
.a27-ch--light .a27-kpis dd{color:#4a463f}
@media (max-width:899px){.a27-ch--light .a27-kpis div,.a27-ch--light .a27-kpis div+div{border-bottom-color:rgba(10,10,10,.12)}}

/* ═══ v6 · Sistema tipográfico único: Switzer (03/11/2026) ═══════════════
   Retroalimentación: una sola familia, titulares en Medium (no hairline),
   interlineado compacto, tracking cerrado en titulares y abierto en etiquetas,
   sin punto final en titulares, sin cursivas serif. Énfasis por color, no por fuente. */
html body.a27,html body.a27 *:not(svg):not(svg *){font-family:var(--a27-sans)!important}
html body.a27 :is(p,li,dd,blockquote,figcaption,td,address,textarea){font-weight:400;font-size:1em;line-height:1.6;letter-spacing:0;font-style:normal}
html body.a27 :is(p,li,dd){font-size:1em}
html body.a27 :is(p,li) :is(strong,b){font-weight:600}
html body.a27 :is(p,li) em,html body.a27 :is(h1,h2,h3,h4) i,html body.a27 .a27-h i{font-style:normal}
html body.a27 :is(h1,h2,h3,h4,.a27-h,.a27-faq__t){text-transform:none;font-weight:500;letter-spacing:-.025em;line-height:1.08}
html body.a27 .a27-h i,html body.a27 :is(h1,h2,h3,h4) i{font-weight:500;letter-spacing:-.025em;font-size:1em}
html body.a27 .a27-ch .a27-h,html body.a27 .a27-open .a27-h{text-transform:none;font-weight:500;letter-spacing:-.03em;line-height:1.06}
html body.a27 .a27-lede,html body.a27 .a27-ch .a27-lede{font-weight:400;letter-spacing:0;line-height:1.55;font-size:clamp(17px,1.3vw,20px)!important}
html body.a27 :is(.a27-cap,.a27-btn,.a27-top,.a27-idx,.a27-open__hint,.a27-menu__foot,.eyebrow,.label,.lf label){font-weight:500;letter-spacing:.1em;text-transform:uppercase}
html body.a27 .a27-menu__list a{text-transform:none;font-weight:500;letter-spacing:-.02em}
html body.a27 :is(.a27-stats b,.a27-fact b,.a27-phases b,.stat-num,.a27-case__name){font-weight:500;letter-spacing:-.02em;font-style:normal}
html body.a27 :is(.a27-stats span,.a27-phases span,.a27-note){letter-spacing:.08em}
/* Fondo del hero sin video: plano oscuro limpio para que la tipografía respire */
.a27-open{background:radial-gradient(ellipse at 50% 40%,#141414 0%,#0A0A0A 70%)}

/* ARAD 2027 · v7 (03/11/2026) · Home en 8 pantallas: una idea y un botón por pantalla */
.a27-quote{font-weight:300!important;letter-spacing:-.02em!important;line-height:1.12!important;font-size:clamp(34px,5.4vw,84px)!important}
.a27-trust{display:flex;align-items:center;gap:clamp(18px,3vw,40px);flex-wrap:wrap;margin-top:clamp(28px,4vw,56px);padding-top:22px;border-top:1px solid rgba(255,255,255,.18)}
.a27-trust .a27-cap{margin:0}
.a27-trust img{height:34px;width:auto;filter:grayscale(1) brightness(1.6);opacity:.7}
.a27-emp .a27-h{font-size:clamp(34px,5vw,80px);margin-top:26px}
.a27-steps{list-style:none;margin:clamp(36px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.35);width:min(1080px,100%)}
.a27-steps li{padding:20px 22px 0 0}
.a27-steps b{display:block;font-weight:500;font-size:12px;letter-spacing:.2em;color:var(--a27-accent)}
.a27-steps span{display:block;margin-top:10px;font-weight:500;font-size:clamp(20px,1.9vw,26px);letter-spacing:-.02em;color:#fff}
.a27-steps p{margin:10px 0 0;font-size:clamp(15px,1.1vw,17px);line-height:1.5;color:#c9c7c4}
.a27-bar{display:none}
@media (max-width:760px){
  .a27-steps{grid-template-columns:1fr 1fr;row-gap:22px}
  .a27-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:10px;align-items:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(10,10,10,.92);backdrop-filter:blur(10px);transform:translateY(110%);transition:transform .35s ease}
  .a27-bar.is-on{transform:none}
  .a27-bar .a27-btn{flex:1;margin:0;text-align:center}
  .a27-bar__wa{color:#fff;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:14px 12px;border:1px solid rgba(255,255,255,.4);border-radius:2px;white-space:nowrap}
}

/* v8 · Garamond para los detalles (modelo Rolex: serif = voz humana; sans = todo lo demás) */
:root{--a27-detail:'EB Garamond','Cormorant Garamond',Georgia,serif}
html body.a27 .a27-quote,
html body.a27 .a27-h i,
html body.a27 .a27-quote-by{font-family:var(--a27-detail)!important;font-style:normal!important}
html body.a27 .a27-h i{font-weight:400;font-size:1.08em;letter-spacing:-.01em}
html body.a27 .a27-quote{font-weight:400!important;font-size:clamp(38px,6vw,96px)!important;line-height:1.04!important;letter-spacing:-.01em!important}

/* ===== v9 · Inicio claro + sabores de servicio (03/11/2026) ===== */
html body.a27 .a27-open{background:#FBF9F4!important}
html body.a27 .a27-open .a27-mf{filter:invert(1)}
html body.a27 .a27-open .a27-bgv__shade{display:none}
.a27-ribbon{position:absolute;left:0;right:0;bottom:0;height:clamp(70px,13vh,150px);display:flex;pointer-events:none;z-index:1}
.a27-ribbon span{flex:1;background:var(--c);position:relative;overflow:hidden}
.a27-ribbon svg{position:absolute;inset:0;width:100%;height:100%}
.a27-open .a27-ch__ctr{position:relative;z-index:2;padding-bottom:clamp(80px,15vh,170px)}
/* problema y prueba: marfil / blanco */
html body.a27 .a27-prob{background:#fff!important}
html body.a27 .a27-pru{background:#fff!important}
html body.a27 .a27-emp{background:#F3EFE7!important}
/* servicios */
html body.a27 .a27-svc{background:var(--selt,#DCE3F0)!important;transition:background .45s ease}
.a27-flv{margin:clamp(24px,4vh,48px) 0}
.a27-flv__tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(6px,1vw,14px)}
.a27-flv__t{appearance:none;border:0;cursor:pointer;position:relative;overflow:hidden;background:var(--c);color:#fff;
 aspect-ratio:3/4;min-height:150px;border-radius:14px;padding:14px;text-align:left;display:flex;align-items:flex-end;
 transition:transform .35s ease,box-shadow .35s ease;font:inherit}
.a27-flv__t svg{position:absolute;inset:0;width:100%;height:100%}
.a27-flv__t span{position:relative;font-size:clamp(13px,1.3vw,18px);font-weight:600;line-height:1.15}
.a27-flv__t:hover,.a27-flv__t.is-on{transform:translateY(-8px)}
.a27-flv__t.is-on{box-shadow:0 18px 30px -14px rgba(0,0,0,.45)}
.a27-flv__t:focus-visible{outline:3px solid #0A0A0A;outline-offset:3px}
.a27-flv__panels{margin-top:clamp(20px,3vh,36px);max-width:46rem}
html body.a27 .a27-svc .a27-flv__p h3{font-size:clamp(28px,3.4vw,48px)!important;line-height:1.05;margin:.2em 0 .4em;color:var(--c)!important}
html body.a27 .a27-svc .a27-flv__p p{color:#0A0A0A!important}
.a27-flv__q{font-family:var(--a27-detail)!important;font-size:clamp(18px,1.8vw,26px);opacity:.85}
.a27-flv__m{margin-top:1em;font-size:14px}
.a27-flv__m b{display:block;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:11px;opacity:.7}
@media(max-width:760px){
 .a27-flv__tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:10px}
 .a27-flv__t{flex:0 0 38vw;scroll-snap-align:start}
 .a27-ribbon{height:56px}
}
@media(prefers-reduced-motion:reduce){.a27-flv__t,.a27-svc{transition:none}}

/* ===== v10 · franja con enlaces + Método Christine orgánico y con color ===== */
.a27-ribbon{pointer-events:auto;z-index:3}
.a27-rb{flex:1;position:relative;overflow:hidden;background:var(--c);display:flex;align-items:flex-end;padding:0 0 14px 14px;color:#fff;text-decoration:none;transition:flex .4s ease}
.a27-rb svg{position:absolute;inset:0;width:100%;height:100%}
.a27-rb em{position:relative;font-style:normal;font-weight:600;font-size:clamp(12px,1.1vw,15px);letter-spacing:.01em}
.a27-rb:hover,.a27-rb:focus-visible{flex:1.35}
.a27-rb:focus-visible{outline:3px solid #0A0A0A;outline-offset:-3px}
@media(max-width:760px){.a27-rb{padding:0 0 8px 8px}.a27-rb em{font-size:10px}}
/* Método: sin cuadrícula, boceto a mano muy tenue y fuera del texto */
html body.a27 .a27-inn,html body.a27 .a27-js .a27-inn{background-image:none!important;background-color:#0A0A0A!important}
.a27-js .a27-inn::before{display:none!important}
html body.a27 .a27-inn .a27-sketch{opacity:0}
html body.a27 .a27-inn.is-active .a27-sketch{opacity:.09!important;-webkit-mask-image:radial-gradient(ellipse 40% 44% at 50% 50%,transparent 0,transparent 70%,#000 100%)!important;mask-image:radial-gradient(ellipse 40% 44% at 50% 50%,transparent 0,transparent 70%,#000 100%)!important}
html body.a27 .a27-inn .a27-sketch *{filter:none}
/* fases con color, sin cajas ni líneas rectas */
html body.a27 .a27-inn .a27-phases--2,html body.a27 .a27-inn .a27-phases--2 li+li,html body.a27 .a27-inn .a27-ph2__row>div+div{border:0!important}
html body.a27 .a27-inn .a27-phases--2 b{border-bottom:0!important;position:relative;padding-bottom:16px}
html body.a27 .a27-inn .a27-phases--2 b::after{content:"";position:absolute;left:0;bottom:2px;width:min(130px,70%);height:8px;background:var(--pc,#fff);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 8' preserveAspectRatio='none'%3E%3Cpath d='M1 5 C20 1 30 8 52 4 S90 1 129 5' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 8' preserveAspectRatio='none'%3E%3Cpath d='M1 5 C20 1 30 8 52 4 S90 1 129 5' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
html body.a27 .a27-inn .a27-phases--2 b i{color:var(--pc,#fff)!important}
html body.a27 .a27-inn .a27-phases--2 span{color:var(--pc,#fff)!important}
html body.a27 .a27-inn .a27-phases--2 span::before{background:var(--pc,#fff)!important;border-radius:50%}
html body.a27 .a27-inn .a27-ph2__row>div{position:relative;padding-top:14px}
html body.a27 .a27-inn .a27-ph2__row>div::before{content:"";position:absolute;left:0;top:0;width:34px;height:8px;background:var(--pc);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 8'%3E%3Cpath d='M1 5 C8 1 14 8 22 4 S30 3 33 5' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 8'%3E%3Cpath d='M1 5 C8 1 14 8 22 4 S30 3 33 5' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}

/* ===== v11 · portadas a color (sin efecto negativo) + pasos legibles en claro ===== */
html body.a27 .a27-covers img,html body.a27 .a27-pru .a27-covers img,html body.a27 .a27-pru .a27-covers.a27-cf img,
html body.a27 .a27-pru .a27-covers.a27-cf a:not(.is-cur) img,html body.a27 .a27-pru .a27-covers.a27-cf a:not(.is-cur):hover img,
html body.a27 .a27-case__img img{filter:none!important}
html body.a27 .a27-pru .a27-covers.a27-cf img,html body.a27 .a27-pru .a27-covers.a27-cf a.is-cur img{box-shadow:0 18px 40px -16px rgba(10,10,10,.35)!important}
html body.a27 .a27-pru .a27-covers .a27-it,html body.a27 .a27-pru .a27-covers .a27-m{color:#0A0A0A!important}
html body.a27 .a27-steps{border-top:1px solid rgba(10,10,10,.25)}
html body.a27 .a27-steps span{color:#0A0A0A!important}
html body.a27 .a27-steps p{color:#4A4A4A!important}
html body.a27 .a27-emp .a27-ch__ctr{padding-left:clamp(48px,7vw,110px);padding-right:clamp(48px,7vw,110px)}
html body.a27 .a27-emp .a27-h{max-width:20ch;margin-left:auto;margin-right:auto}
html body.a27 .a27-pru .a27-trust{position:absolute;left:var(--a27-gutter);bottom:16px;margin:0;padding:0;border:0;gap:16px;flex-wrap:nowrap;z-index:2}
html body.a27 .a27-pru .a27-trust .a27-cap{color:#4A4A4A!important;white-space:nowrap;font-size:11px}
html body.a27 .a27-pru .a27-trust img{height:26px;filter:brightness(0)!important;opacity:.55}
@media(max-width:760px){html body.a27 .a27-pru .a27-trust{display:none}}

/* ===== v12 · cursor sobre casos, Quién decide, íconos, boceto a mano, mapa claro ===== */
/* cursor: sin círculo expandido ni contraste invertido sobre las portadas */
.a27-cur-ring.is-card{width:56px!important;height:56px!important;background:transparent!important;mix-blend-mode:normal!important;border:1.5px solid #fff!important;box-shadow:0 0 0 1px rgba(10,10,10,.4)}
.a27-cur-ring.is-card::after{opacity:0!important}
/* 04 Quién decide */
html body.a27 .a27-quote .a27-q1{font-family:var(--a27-sans)!important;font-weight:600;font-style:normal;letter-spacing:-.03em}
html body.a27 .a27-quote .a27-q2{font-family:var(--a27-detail)!important;font-weight:400;font-style:italic;font-size:1.08em;background:linear-gradient(90deg,#7C97E6,#F27A45 28%,#34BDB1 55%,#F2BC30 78%,#C07AC8);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;padding-right:.08em}
/* 03 Servicios: íconos, etiqueta al pasar, todo centrado */
.a27-flv__t{align-items:center!important;justify-content:center;text-align:center;padding:0!important}
.a27-flv__t .a27-ico{position:relative;width:46%;max-width:76px;height:auto;aspect-ratio:1;inset:auto;transition:transform .4s ease}
.a27-flv__t:hover .a27-ico,.a27-flv__t:focus-visible .a27-ico,.a27-flv__t.is-on .a27-ico{transform:translateY(-10px) scale(1.06)}
.a27-flv__t span{position:absolute!important;left:0;right:0;bottom:16px;text-align:center;color:#fff;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}
.a27-flv__t:hover span,.a27-flv__t:focus-visible span{opacity:1;transform:none}
@media(hover:none){.a27-flv__t span,.a27-flv__t.is-on span{opacity:1;transform:none}.a27-flv__t .a27-ico{transform:translateY(-8px)}}
.a27-flv{display:flex;flex-direction:column;align-items:center}
.a27-flv__tabs{width:min(960px,100%)}
.a27-flv__panels{margin-left:auto;margin-right:auto;text-align:center}
.a27-flv__b{display:inline-flex;align-items:center;gap:10px;margin:.9em auto 0;padding:7px 14px;border-radius:99px;background:rgba(10,10,10,.07);font-size:13px;font-weight:600}
.a27-flv__b img{height:20px;width:auto;filter:brightness(0)}
/* 02 Método: boceto manuscrito, líneas que se dibujan */
html body.a27 .a27-sketch text{font-family:'Bradley Hand','Segoe Print','Noteworthy','Comic Sans MS',cursive!important;font-style:normal!important;font-weight:400}
html body.a27 .a27-inn.is-active .a27-sketch{opacity:.2!important}
.a27-sketch path{stroke-dasharray:2400;stroke-dashoffset:2400}
.a27-inn.is-active .a27-sketch path{animation:a27-draw 5s ease-out .4s forwards}
@keyframes a27-draw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.a27-sketch path{stroke-dashoffset:0;animation:none!important}}
/* 06 Origen: mapa y fondo claros, solo rojo */
html body.a27 .a27-her{background:#F3EFE7!important}
html body.a27 .a27-her .a27-lede,html body.a27 .a27-her p{color:#2A2A2A!important}
html body.a27 .a27-prov div{border-top-color:rgba(10,10,10,.25)}
html body.a27 .a27-prov dt{color:#6A6A6A}
html body.a27 .a27-prov dd{color:#0A0A0A}
html body.a27 .a27-map .prov{fill:#E4DED0!important;stroke:#C9C2B1!important}
html body.a27 .a27-ch.is-active .a27-map .prov.is-hot{fill:#A8112C!important}
html body.a27 .a27-map circle[fill="#FFFFFF"]{fill:#0A0A0A}
html body.a27 .a27-map circle[stroke="#FFFFFF"]{stroke:#0A0A0A}
html body.a27 .a27-maptip{background:#fff;color:#0A0A0A;border-color:rgba(10,10,10,.2)}
html body.a27 .a27-maptip b{color:#0A0A0A}
html body.a27 .a27-quote .a27-q2{display:inline-block;padding:0 .2em .06em 0;margin-right:-.2em}

/* ===== v13 · franja del hero: grande, centrada, ícono tono sobre tono, nombre al pasar ===== */
.a27-ribbon{height:clamp(130px,24vh,240px)!important}
.a27-open .a27-ch__ctr{padding-bottom:clamp(140px,26vh,260px)!important}
html body.a27 .a27-rb{align-items:center;justify-content:center;flex-direction:column;padding:0!important;text-align:center}
.a27-rb .a27-rbi{position:relative!important;inset:auto!important;width:clamp(44px,5.2vw,84px)!important;height:auto!important;aspect-ratio:1;stroke:color-mix(in srgb,var(--c) 55%,#000);transition:transform .45s ease}
.a27-rb em{position:absolute;left:0;right:0;bottom:clamp(14px,2.4vh,28px);text-align:center;color:#fff;font-size:clamp(14px,1.4vw,20px)!important;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}
.a27-rb:hover .a27-rbi,.a27-rb:focus-visible .a27-rbi{transform:translateY(-14px) scale(1.08);stroke:#fff}
.a27-rb:hover em,.a27-rb:focus-visible em{opacity:1;transform:none}
@media(hover:none){.a27-rb em{opacity:1;transform:none;font-size:11px!important;bottom:10px}.a27-rb .a27-rbi{transform:translateY(-8px)}}
@media(max-width:760px){.a27-ribbon{height:110px!important}.a27-rb .a27-rbi{width:34px!important}}

/* ===== v14 · paleta fija (blanco/negro/carmesí) y solo Switzer. Los "sabores" por servicio quedan para láminas y gráficos ===== */
:root{--a27-detail:'Switzer','Helvetica Neue',Helvetica,Arial,sans-serif}
html body.a27 .a27-h i,html body.a27 .a27-flv__q,html body.a27 .a27-it,html body.a27 .a27-case__name,html body.a27 .a27-foot__tag{font-family:'Switzer','Helvetica Neue',Helvetica,Arial,sans-serif!important;font-style:normal!important}
html body.a27 .a27-h i{font-weight:500;font-size:1em;opacity:.5}
html body.a27 .a27-quote .a27-q1{font-weight:700}
html body.a27 .a27-quote .a27-q2{font-family:'Switzer',sans-serif!important;font-style:normal;font-weight:500;font-size:1em;background:none!important;-webkit-text-fill-color:currentColor;color:inherit;opacity:.5;padding:0;margin:0}
/* franja del hero y selector de servicios: negro, divisores finos, carmesí al activar */
.a27-ribbon{border-top:1px solid rgba(10,10,10,.9)}
html body.a27 .a27-rb,html body.a27 .a27-flv__t{background:#0A0A0A!important;transition:background .35s ease,transform .3s ease}
.a27-rb svg:not(.a27-rbi),.a27-flv__t>svg:not(.a27-ico){display:none!important}
.a27-rb+.a27-rb{border-left:1px solid rgba(255,255,255,.16)}
.a27-rb .a27-rbi{stroke:#fff!important;opacity:.85}
.a27-rb:hover,.a27-rb:focus-visible,.a27-flv__t:hover,.a27-flv__t.is-on{background:#A8112C!important}
.a27-rb:hover .a27-rbi{opacity:1}
html body.a27 .a27-svc{background:var(--a27-ivory)!important}
html body.a27 .a27-svc .a27-flv__p h3{color:#0A0A0A!important}
html body.a27 .a27-svc .a27-flv__p h3::after{content:"";display:block;width:44px;height:3px;background:#A8112C;margin:.5em auto 0}
html body.a27 .a27-quote .a27-q2{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:.55}

/* ===== v15 · cristal líquido sutil, hover estable, método, portadas, mapa de calor, pasos e invitación ===== */
/* — píldora de cristal (franja del hero y selector de servicios): pequeña, detalle de cabina, no botón gigante — */
.a27-ribbon,.a27-flv__tabs{--gl:linear-gradient(150deg,rgba(255,255,255,.22),rgba(255,255,255,0) 42%),rgba(12,12,12,.84)}
html body.a27 .a27-ribbon{position:absolute!important;left:50%!important;right:auto!important;bottom:clamp(22px,5vh,46px)!important;top:auto!important;transform:translateX(-50%);height:auto!important;width:auto!important;display:flex!important;gap:2px;padding:5px;border:1px solid rgba(255,255,255,.16)!important;border-radius:18px;background:var(--gl);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.4),0 14px 34px -14px rgba(0,0,0,.55)}
html body.a27 .a27-rb,html body.a27 .a27-flv__t{position:relative;flex:none!important;width:clamp(58px,5.6vw,84px);height:clamp(44px,4.4vw,56px);padding:0!important;border:0!important;border-radius:13px!important;background:transparent!important;display:flex;align-items:center;justify-content:center;text-align:center;overflow:visible!important;box-shadow:none!important;transform:none!important;cursor:pointer;transition:background .25s ease}
html body.a27 .a27-rb+.a27-rb{border-left:0!important}
html body.a27 .a27-rb:hover,html body.a27 .a27-rb:focus-visible,html body.a27 .a27-flv__t:hover,html body.a27 .a27-flv__t:focus-visible,html body.a27 .a27-flv__t.is-on{background:rgba(255,255,255,.12)!important;flex:none!important}
.a27-rb svg:not(.a27-rbi),.a27-flv__t>svg:not(.a27-ico){display:none!important}
html body.a27 .a27-rb .a27-rbi,html body.a27 .a27-flv__t .a27-ico{position:static!important;inset:auto!important;width:22px!important;max-width:none;height:22px!important;aspect-ratio:auto;stroke:#fff!important;stroke-width:1.9;opacity:.8;transform:none!important;transition:opacity .25s ease}
html body.a27 .a27-rb:hover .a27-rbi,html body.a27 .a27-rb:focus-visible .a27-rbi,html body.a27 .a27-flv__t:hover .a27-ico,html body.a27 .a27-flv__t.is-on .a27-ico{opacity:1;transform:none!important}
.a27-rb::after,.a27-flv__t::after{content:"";position:absolute;left:50%;bottom:5px;width:0;height:2px;border-radius:2px;background:#A8112C;transform:translateX(-50%);transition:width .3s ease}
.a27-rb:hover::after,.a27-rb:focus-visible::after,.a27-flv__t.is-on::after,.a27-flv__t:hover::after{width:16px}
/* nombre: chip blanco sobre negro que aparece sobre la píldora, sin mover nada */
html body.a27 .a27-rb em,html body.a27 .a27-flv__t span{position:absolute!important;left:50%;right:auto!important;bottom:calc(100% + 12px)!important;top:auto!important;width:auto;transform:translate(-50%,6px)!important;padding:7px 12px;border-radius:9px;background:#0A0A0A;color:#fff!important;font-size:12px!important;font-weight:500;letter-spacing:.02em;line-height:1;white-space:nowrap;opacity:0!important;pointer-events:none;transition:opacity .22s ease,transform .22s ease;z-index:5}
html body.a27 .a27-rb:hover em,html body.a27 .a27-rb:focus-visible em,html body.a27 .a27-flv__t:hover span,html body.a27 .a27-flv__t:focus-visible span{opacity:1!important;transform:translate(-50%,0)!important}
@media(hover:none){
  html body.a27 .a27-ribbon{max-width:94vw}
  html body.a27 .a27-rb{width:19vw;height:62px;flex-direction:column;gap:5px}
  html body.a27 .a27-rb em{position:static!important;transform:none!important;opacity:.9!important;background:none;padding:0;font-size:9px!important;line-height:1.15;white-space:normal;max-width:17vw}
}
html body.a27 .a27-open .a27-ch__ctr{padding-bottom:clamp(70px,12vh,120px)!important}
/* — Servicios: sin saltos; paneles apilados, alto fijo, fundido cruzado — */
.a27-flv{align-items:center}
html body.a27 .a27-flv__tabs{display:inline-flex!important;grid-template-columns:none;width:auto!important;gap:2px;padding:5px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:var(--gl);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.4),0 14px 34px -14px rgba(0,0,0,.45);overflow:visible!important;margin-top:clamp(40px,6vh,64px)}
html body.a27 .a27-flv__panels{display:grid;width:min(640px,100%);margin-top:clamp(28px,4vh,44px)}
html body.a27 .a27-flv__p{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .3s ease}
html body.a27 .a27-flv__p[hidden]{display:block!important}
html body.a27 .a27-flv__p:not([hidden]){opacity:1;visibility:visible}
@media(max-width:760px){html body.a27 .a27-flv__tabs{display:flex!important;overflow-x:visible!important}html body.a27 .a27-flv__t{flex:none!important;width:17vw;height:46px}}
/* — Método: las rayas cubren todo el ancho de su columna — */
html body.a27 .a27-inn .a27-ph2__row>div::before,html body.a27 .a27-inn .a27-phases--2 b::after{width:calc(100% - 22px)!important;height:8px;-webkit-mask-repeat:repeat-x!important;-webkit-mask-size:34px 8px!important;mask-repeat:repeat-x!important;mask-size:34px 8px!important}
html body.a27 .a27-inn .a27-phases--2 b::after{width:calc(100% - 28px)!important}
/* — Quién decide: el texto aparece enseguida — */
.a27-js .a27-hum .a27-rv{transition-delay:.12s!important;transition-duration:.6s!important}
/* — Pruebas: portada central a color, laterales en gris; más grandes — */
.a27-pru{--ch:clamp(250px,46vh,430px)}
html body.a27 .a27-pru .a27-covers.a27-cf a:not(.is-cur) img,html body.a27 .a27-pru .a27-covers.a27-cf a:not(.is-cur):hover img{filter:grayscale(1) contrast(1.05) brightness(1.02)!important}
html body.a27 .a27-pru .a27-covers.a27-cf a.is-cur img{filter:none!important}
html body.a27 .a27-pru .a27-covers.a27-cf .a27-it{font-size:clamp(16px,1.5vw,22px)}
html body.a27 .a27-pru .a27-covers.a27-cf .a27-m{font-size:clamp(14px,1.1vw,17px);top:calc(100% + 46px)}
/* — Origen: mapa de calor por número de clientes — */
html body.a27 .a27-map .prov{fill:#E6E2D8!important;stroke:#fff!important;stroke-width:1.1!important}
html body.a27 .a27-ch.is-active .a27-map .prov.is-hot{fill:var(--tf)!important;animation:none!important;transition:fill .9s ease calc(var(--i,0)*.25s + .3s)!important}
.a27-leg{position:absolute;left:50%;bottom:clamp(6px,2vh,22px);transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.06em;color:#6A6A6A;white-space:nowrap}
.a27-leg i{width:120px;height:6px;border-radius:6px;background:linear-gradient(90deg,rgb(232,176,184),#A8112C)}
/* — Cómo empieza: línea de tiempo legible — */
html body.a27 .a27-emp .a27-ch__ctr{justify-content:center}
html body.a27 .a27-steps{position:relative;border-top:0!important;width:min(1140px,100%);gap:clamp(18px,2.4vw,40px);margin-top:clamp(48px,8vh,84px)}
.a27-steps::before{content:"";position:absolute;left:14px;right:0;top:14px;height:1px;background:rgba(10,10,10,.28)}
html body.a27 .a27-steps li{position:relative;padding:58px 0 0;text-align:left}
html body.a27 .a27-steps b{position:absolute;top:0;left:0;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--a27-ivory,#F3EFE7);border:1px solid #0A0A0A;color:#0A0A0A!important;font-size:10px;letter-spacing:.04em}
html body.a27 .a27-steps li:last-child b{background:#A8112C;border-color:#A8112C;color:#fff!important}
html body.a27 .a27-steps span{font-size:clamp(21px,2vw,28px);font-weight:600;margin-top:0}
html body.a27 .a27-steps em{display:inline-block;margin-top:12px;padding:5px 11px;border:1px solid rgba(10,10,10,.28);border-radius:20px;font-style:normal;font-size:12px;font-weight:500;letter-spacing:.04em;color:#0A0A0A}
html body.a27 .a27-steps p{font-size:clamp(15px,1.2vw,18px);line-height:1.55;margin-top:14px;max-width:24ch}
@media(max-width:899px){html body.a27 .a27-steps{grid-template-columns:1fr!important;row-gap:8px}.a27-steps::before{left:14px;right:auto;top:0;bottom:0;width:1px;height:auto}html body.a27 .a27-steps li{padding:0 0 22px 48px}html body.a27 .a27-steps p{max-width:none}}
/* — Invitación: más aire y franja de qué esperar — */
html body.a27 .a27-inv .a27-ask{margin-top:44px}
html body.a27 .a27-inv .a27-chips{margin-top:20px}
html body.a27 .a27-inv .a27-wa{margin-top:34px}
.a27-facts{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);width:min(860px,100%);margin:clamp(40px,7vh,72px) auto 0;padding:26px 0 0;border-top:1px solid rgba(10,10,10,.22)}
.a27-facts li{padding:0 20px;text-align:center}
.a27-facts li+li{border-left:1px solid rgba(10,10,10,.22)}
.a27-facts b{display:block;font-size:clamp(20px,2vw,28px);font-weight:600;letter-spacing:-.02em;color:#0A0A0A}
.a27-facts span{display:block;margin-top:6px;font-size:clamp(13px,1vw,15px);color:#4A4A4A}
@media(max-width:640px){.a27-facts{grid-template-columns:1fr;gap:16px}.a27-facts li+li{border-left:0;border-top:1px solid rgba(10,10,10,.15);padding-top:16px}}
html body.a27 .a27-inn .a27-phases--2 b::after{display:none!important}
html body.a27 .a27-inn .a27-ph1{position:relative;padding-top:14px}
html body.a27 .a27-inn .a27-ph1::before{content:"";position:absolute;left:0;top:0;width:calc(100% - 22px);height:8px;background:#fff;-webkit-mask:var(--wv) repeat-x 0 0/34px 8px;mask:var(--wv) repeat-x 0 0/34px 8px}
html body.a27 .a27-rb,html body.a27 .a27-flv__t{width:clamp(54px,4.8vw,72px);height:clamp(42px,4vw,50px)}
html body.a27 .a27-rb .a27-rbi,html body.a27 .a27-flv__t .a27-ico{width:24px!important;height:24px!important;opacity:.95}
html body.a27 .a27-inn{--wv:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 8'%3E%3Cpath d='M1 5 C8 1 14 8 22 4 S30 3 33 5' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}
html body.a27 .a27-inn .a27-ph1{padding-top:0}
html body.a27 .a27-inn .a27-ph1::before{display:none}
html body.a27 .a27-inn .a27-ph1>span{position:relative;padding-top:14px}
html body.a27 .a27-inn .a27-ph1>span::after{content:"";position:absolute;left:0;top:0;width:calc(100% - 22px);height:8px;background:#fff;-webkit-mask:var(--wv) repeat-x 0 0/34px 8px;mask:var(--wv) repeat-x 0 0/34px 8px}
html body.a27 .a27-steps b{width:34px;height:34px;font-size:11px}
.a27-steps::before{left:17px;top:17px}
html body.a27 .a27-steps li{padding-top:66px}
html body.a27 .a27-inn .a27-ph1>span{margin-top:12px}

/* ===== v16 · capítulos como láminas, Servicios con cristal tintado, respaldo visible, pie de portada completo ===== */
/* — Separación sutil entre capítulos: borde superior redondeado que se monta sobre el anterior, sombra suave y tonos alternos — */
html body.a27 .a27-ch+.a27-ch{margin-top:-26px;border-radius:26px 26px 0 0;box-shadow:0 -18px 44px -20px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.16)}
html body.a27 .a27-ch--light+.a27-ch--light{box-shadow:0 -18px 44px -22px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.9)}
html body.a27 .a27-her,html body.a27 .a27-inv{background:#FAF8F4!important}
html body.a27 .a27-ch+.a27-ch::before{content:"";position:absolute;left:50%;top:9px;width:38px;height:3px;border-radius:3px;background:currentColor;opacity:.16;transform:translateX(-50%);pointer-events:none;z-index:3}
/* — Pruebas: pie de portada completo, sin recorte — */
.a27-js .a27-pru .a27-covers.a27-cf{height:calc(var(--ch) + 128px)}
html body.a27 .a27-pru .a27-covers.a27-cf .a27-m{width:max(100%,460px);line-height:1.35;text-wrap:balance}
/* — Respaldo: centrado, más grande y con el logo del Ministerio sin filtro negro — */
html body.a27 .a27-pru .a27-trust{left:50%;right:auto;transform:translateX(-50%);bottom:clamp(10px,2.2vh,22px);gap:clamp(14px,2vw,26px);padding:9px 20px;border:1px solid rgba(10,10,10,.12);border-radius:16px;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #fff,0 10px 26px -16px rgba(0,0,0,.35);white-space:nowrap}
html body.a27 .a27-pru .a27-trust .a27-cap{font-size:12px;letter-spacing:.14em;color:#0A0A0A!important}
html body.a27 .a27-pru .a27-trust img{height:40px;opacity:.95}
html body.a27 .a27-pru .a27-trust img:first-of-type{height:38px;width:38px;border-radius:7px;filter:none!important;opacity:1}
html body.a27 .a27-pru .a27-trust img:last-of-type{height:34px;filter:brightness(0)!important;opacity:.8}
@media(max-width:760px){html body.a27 .a27-pru .a27-trust{display:flex;position:static;transform:none;margin:0 auto;padding:8px 14px;gap:12px}html body.a27 .a27-pru .a27-trust .a27-cap{font-size:10px;letter-spacing:.08em}html body.a27 .a27-pru .a27-trust img{height:28px!important;width:auto}html body.a27 .a27-pru .a27-trust img:first-of-type{width:28px}}
/* — Servicios: capítulo teñido por servicio (cristal líquido) — */
html body.a27 .a27-svc{--tn:168,17,44;background:#F6F3EC!important;isolation:isolate}
html body.a27 .a27-svc[data-sel=estrategia]{--tn:70,104,214}
html body.a27 .a27-svc[data-sel=publicidad]{--tn:226,92,52}
html body.a27 .a27-svc[data-sel=crm]{--tn:30,150,112}
html body.a27 .a27-svc[data-sel=medicion]{--tn:222,160,36}
html body.a27 .a27-svc[data-sel=ia]{--tn:128,82,214}
.a27-aur{position:absolute;inset:-20%;z-index:-1;opacity:0;pointer-events:none;transition:opacity .9s ease;background:radial-gradient(42% 46% at 22% 28%,rgba(var(--ac),.55),transparent 70%),radial-gradient(38% 42% at 80% 70%,rgba(var(--ac),.42),transparent 70%),radial-gradient(30% 34% at 62% 16%,rgba(var(--ac),.30),transparent 70%);filter:blur(10px);animation:a27drift 14s ease-in-out infinite alternate}
.a27-aur[data-for=estrategia]{--ac:70,104,214}.a27-aur[data-for=publicidad]{--ac:226,92,52}.a27-aur[data-for=crm]{--ac:30,150,112}.a27-aur[data-for=medicion]{--ac:222,160,36}.a27-aur[data-for=ia]{--ac:128,82,214}
.a27-svc[data-sel=estrategia] .a27-aur[data-for=estrategia],.a27-svc[data-sel=publicidad] .a27-aur[data-for=publicidad],.a27-svc[data-sel=crm] .a27-aur[data-for=crm],.a27-svc[data-sel=medicion] .a27-aur[data-for=medicion],.a27-svc[data-sel=ia] .a27-aur[data-for=ia]{opacity:1}
.a27-svc:not([data-sel]) .a27-aur[data-for=estrategia]{opacity:.7}
@keyframes a27drift{from{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(4%,3%,0) scale(1.1)}}
/* barra de servicios grande, con nombre siempre visible */
html body.a27 .a27-flv__tabs{gap:6px;padding:8px;border-radius:26px;border:1px solid rgba(255,255,255,.75);background:linear-gradient(150deg,rgba(255,255,255,.75),rgba(255,255,255,.18) 55%),rgba(255,255,255,.28);-webkit-backdrop-filter:blur(22px) saturate(1.7);backdrop-filter:blur(22px) saturate(1.7);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(0,0,0,.06),0 24px 50px -24px rgba(var(--tn),.55);transition:box-shadow .6s ease}
html body.a27 .a27-flv__t{width:clamp(96px,10vw,148px)!important;height:clamp(84px,9vw,108px)!important;flex-direction:column;gap:10px;border-radius:19px!important;overflow:hidden!important;transition:background .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
html body.a27 .a27-flv__t .a27-ico{width:32px!important;height:32px!important;stroke:#0A0A0A!important;opacity:.7;transition:opacity .3s ease,transform .45s cubic-bezier(.2,.8,.2,1),stroke .3s ease}
html body.a27 .a27-flv__t span{position:static!important;transform:none!important;opacity:.85!important;padding:0;background:none;color:#0A0A0A!important;font-size:clamp(11px,.95vw,14px)!important;font-weight:500;line-height:1.15;white-space:normal;max-width:90%;pointer-events:auto;transition:opacity .3s ease}
html body.a27 .a27-flv__t::after{background:rgb(var(--tn));bottom:7px}
html body.a27 .a27-flv__t:hover,html body.a27 .a27-flv__t:focus-visible{background:rgba(255,255,255,.55)!important}
html body.a27 .a27-flv__t:hover .a27-ico,html body.a27 .a27-flv__t:focus-visible .a27-ico{transform:translateY(-3px) scale(1.12);opacity:1}
html body.a27 .a27-flv__t.is-on{background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(255,255,255,.5))!important;box-shadow:inset 0 1px 0 #fff,0 12px 26px -12px rgba(var(--tn),.65),0 0 0 1px rgba(var(--tn),.35)}
html body.a27 .a27-flv__t.is-on .a27-ico{stroke:rgb(var(--tn))!important;opacity:1}
html body.a27 .a27-flv__t.is-on span{opacity:1!important}
html body.a27 .a27-flv__t:hover::after,html body.a27 .a27-flv__t.is-on::after{width:22px}
html body.a27 .a27-svc .a27-flv__p h3::after{background:rgb(var(--tn));transition:background .5s ease}
html body.a27 .a27-flv__p>*{transform:translateY(12px);transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s ease}
html body.a27 .a27-flv__p:not([hidden])>*{transform:none}
html body.a27 .a27-flv__p:not([hidden])>*:nth-child(2){transition-delay:.05s}html body.a27 .a27-flv__p:not([hidden])>*:nth-child(3){transition-delay:.1s}html body.a27 .a27-flv__p:not([hidden])>*:nth-child(4){transition-delay:.15s}
@media(max-width:760px){html body.a27 .a27-flv__tabs{display:flex!important;gap:3px;padding:5px;border-radius:20px}html body.a27 .a27-flv__t{width:18vw!important;height:78px!important;gap:6px}html body.a27 .a27-flv__t .a27-ico{width:24px!important;height:24px!important}html body.a27 .a27-flv__t span{font-size:9.5px!important}}
@media(prefers-reduced-motion:reduce){.a27-aur{animation:none}html body.a27 .a27-flv__p>*{transform:none!important;transition:none}}
/* respaldo: bajo el título, a la vista (el pie quedaba tapado por el borde de la ventana) */
html body.a27 .a27-pru .a27-trust{bottom:auto;top:clamp(168px,23vh,214px)}
@media(max-width:760px){html body.a27 .a27-pru .a27-trust{top:auto}}
/* fix: al pasar el mouse el nombre se corría a la izquierda (regla de chip del hero seguía activa) */
html body.a27 .a27-flv__t:hover span,html body.a27 .a27-flv__t:focus-visible span,html body.a27 .a27-flv__t.is-on span{transform:none!important;left:auto!important;bottom:auto!important;opacity:1!important}
html body.a27 .a27-flv__t{justify-content:flex-start!important;padding-top:clamp(16px,1.9vw,24px)!important;width:clamp(104px,10.6vw,156px)!important}
html body.a27 .a27-flv__t span{font-size:clamp(11px,.9vw,13.5px)!important;max-width:96%}
/* franja del hero más arriba: así el borde del capítulo siguiente no la tapa ni se asoma bajo el menú */
html body.a27 .a27-ribbon{bottom:clamp(86px,12vh,118px)!important}
html body.a27 .a27-open .a27-ch__ctr{padding-bottom:clamp(150px,22vh,210px)!important}

/* v17 · Contacto: hero alineado a la rejilla y titular como el resto */
html body.a27 #aradSite .pg-hero{padding-left:max(8vw,calc((100vw - 1200px)/2 + 8vw*0))!important;padding-right:8vw!important}
@media(min-width:1300px){html body.a27 #aradSite .pg-hero{padding-left:calc((100vw - 1200px)/2)!important}}
html body.a27 #aradSite .pg-hero h1{font-weight:700!important;font-size:clamp(32px,4.6vw,68px)!important;line-height:1.04!important;letter-spacing:-.03em!important;text-transform:none!important;max-width:20ch!important;text-wrap:balance}
html body.a27 #aradSite .pg-hero h1 em{font-style:normal!important;color:#fff!important}

/* v18 · Respaldos centrados, dos tarjetas con explicación */
html body.a27 .a27-pru .a27-trust{position:absolute;left:50%;right:auto;transform:translateX(-50%);top:clamp(150px,21vh,196px);bottom:auto;display:flex;flex-wrap:nowrap;justify-content:center;gap:14px;padding:0;margin:0;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;width:max-content;max-width:calc(100% - 2*var(--a27-gutter))}
html body.a27 .a27-pru .a27-tr{display:flex;align-items:center;gap:12px;padding:9px 18px 9px 12px;border:1px solid rgba(10,10,10,.12);border-radius:16px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 8px 24px -14px rgba(10,10,10,.3)}
html body.a27 .a27-pru .a27-tr img{height:38px;width:auto;max-width:92px;object-fit:contain;filter:none!important;opacity:1!important;border-radius:7px}
html body.a27 .a27-pru .a27-tr img[src*="kommo"]{filter:brightness(0)!important;height:34px}
html body.a27 .a27-pru .a27-tr p{margin:0;display:flex;flex-direction:column;gap:2px;text-align:left}
html body.a27 .a27-pru .a27-tr b{font-size:12.5px;font-weight:600;color:#0A0A0A;line-height:1.2}
html body.a27 .a27-pru .a27-tr span{font-size:11.5px;color:#5A5A5A;line-height:1.2}
@media(max-width:760px){html body.a27 .a27-pru .a27-trust{position:static;transform:none;flex-direction:column;width:auto;margin:16px auto 0;gap:8px}}
html body.a27 .a27-pru .a27-trust{left:0!important;right:0!important;margin-left:auto!important;margin-right:auto!important;transform:none!important}
html body.a27 .a27-pru .a27-trust .a27-tr img,html body.a27 .a27-pru .a27-trust .a27-tr img:first-of-type,html body.a27 .a27-pru .a27-trust .a27-tr img:last-of-type{filter:none!important;opacity:1!important;height:46px;width:46px;max-width:none;border-radius:9px}
html body.a27 .a27-pru .a27-trust .a27-tr img[src*="kommo"]{filter:brightness(0)!important;width:auto;height:40px;max-width:96px;border-radius:0}
html body.a27 .a27-pru .a27-tr{padding:11px 22px 11px 14px;gap:14px}
html body.a27 .a27-pru .a27-tr b{font-size:14px}
html body.a27 .a27-pru .a27-tr span{font-size:12.5px}

/* v19 · Barra de servicios del hero: más grande, color por servicio, rótulo carmesí */
html body.a27 .a27-ribbon{padding:7px!important;gap:4px!important;border-radius:22px!important;overflow:visible!important}
html body.a27 .a27-ribbon::before{content:"Nuestros servicios · pase el ratón por encima";position:absolute;left:18px;bottom:calc(100% - 1px);padding:8px 16px 7px;background:#A8112C;color:#fff;font:600 clamp(11px,.85vw,13px)/1 'Switzer',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:12px 12px 0 0;box-shadow:0 -6px 18px -8px rgba(168,17,44,.6);animation:a27hint 2.6s ease-in-out infinite}
@keyframes a27hint{0%,100%{box-shadow:0 -6px 18px -8px rgba(168,17,44,.6)}50%{box-shadow:0 -8px 26px -4px rgba(168,17,44,.95)}}
html body.a27 .a27-rb{width:clamp(74px,7.2vw,112px)!important;height:clamp(58px,5.6vw,76px)!important;border-radius:16px!important;--tn:168,17,44}
html body.a27 .a27-rb[data-go=estrategia]{--tn:70,104,214}
html body.a27 .a27-rb[data-go=publicidad]{--tn:226,92,52}
html body.a27 .a27-rb[data-go=crm]{--tn:30,150,112}
html body.a27 .a27-rb[data-go=medicion]{--tn:222,160,36}
html body.a27 .a27-rb[data-go=ia]{--tn:128,82,214}
html body.a27 .a27-rb .a27-rbi{width:30px!important;height:30px!important}
html body.a27 .a27-rb:hover,html body.a27 .a27-rb:focus-visible{background:linear-gradient(150deg,rgba(255,255,255,.28),rgba(255,255,255,0) 55%),rgba(var(--tn),.72)!important;box-shadow:0 10px 28px -10px rgba(var(--tn),.9),inset 0 1px 0 rgba(255,255,255,.45)!important;transform:translateY(-3px)!important;transition:background .3s ease,transform .3s ease,box-shadow .3s ease}
html body.a27 .a27-rb:hover .a27-rbi{transform:scale(1.12)!important}
html body.a27 .a27-rb:hover::after,html body.a27 .a27-rb:focus-visible::after{background:#fff}
html body.a27 .a27-rb em{bottom:auto!important;top:calc(100% + 12px)!important;font-size:13px!important;background:rgba(var(--tn),.95)}
@media(max-width:760px){html body.a27 .a27-ribbon::before{content:"Nuestros servicios";left:10px}html body.a27 .a27-rb{width:19vw!important;height:64px!important}}
html body.a27 .a27-pru .a27-trust{top:clamp(196px,27vh,236px)!important}

/* v20 · rótulo carmesí del mismo ancho que la barra */
html body.a27 .a27-ribbon::before{left:-1px!important;right:-1px!important;width:auto;text-align:center;border-radius:22px 22px 0 0!important;padding:9px 0 8px!important;box-sizing:border-box;bottom:calc(100% - 22px)!important;z-index:-1}
html body.a27 .a27-ribbon{margin-top:0}
html body.a27 .a27-ribbon::before{transform:translateY(-22px);bottom:100%!important}
html body.a27 .a27-ribbon::before{transform:none!important;bottom:calc(100% - 24px)!important;padding-bottom:30px!important;z-index:-1}
html body.a27 .a27-ribbon{isolation:auto}
html body.a27 .a27-ribbon{border-radius:0 0 22px 22px!important}
html body.a27 .a27-ribbon::before{bottom:calc(100% + 1px)!important;padding:10px 0 9px!important;z-index:0!important;left:-1px!important;right:-1px!important}

/* v21 · énfasis en carmesí (no gris) y rótulo que titila */
html body.a27 .a27-h i,html body.a27 :is(h1,h2) i{opacity:1!important;color:#C8183A!important}
html body.a27 .a27-ch--light .a27-h i,html body.a27 .a27-open .a27-h i,html body.a27 .a27-pru .a27-h i{color:#A8112C!important}
html body.a27 .a27-ribbon::before{content:"Nuestros servicios"!important;animation:a27blink 1.8s ease-in-out infinite!important}
@keyframes a27blink{0%,100%{filter:brightness(1);box-shadow:0 -6px 18px -8px rgba(168,17,44,.5)}50%{filter:brightness(1.32);box-shadow:0 -10px 30px -2px rgba(214,32,63,.95)}}
@media(prefers-reduced-motion:reduce){html body.a27 .a27-ribbon::before{animation:none!important}}

/* v22 · nombres y titulares de héroe: bold, imponentes */
html body.a27 .a27-frank-hero .a27-h,html body.a27 .a27-hero-case .a27-h,html body.a27 .a27-band .a27-h,html body.a27-page #aradSite .profile-hero-text h1,html body.a27 .a27-case-hero h1{font-weight:700!important;letter-spacing:-.035em!important;text-transform:none!important;line-height:1.02!important}
html body.a27 .fx-hero__t h1,html body.a27 .fx-hero h1{font-weight:700!important;letter-spacing:-.035em!important;line-height:1.02!important;text-transform:none!important}
html body.a27 .fx-hero h1 b,html body.a27 .fx-hero h1 .fx-line{font-weight:800!important}
/* v23 · Juan Francisco normal, Armas bold */
html body.a27 .fx-hero h1 .fx-line:nth-child(-n+2),html body.a27 .fx-hero h1 .fx-line:nth-child(-n+2) b{font-weight:400!important}
html body.a27 .fx-hero h1 .fx-line:last-child,html body.a27 .fx-hero h1 .fx-line:last-child b{font-weight:800!important}

/* v24 enlace a subpágina de servicio */
html body.a27 .a27-flv__go{display:inline-block;margin-top:16px;font-size:14px;font-weight:700;color:rgb(var(--tn));text-decoration:none;border-bottom:2px solid rgba(var(--tn),.45);padding-bottom:2px;transition:border-color .25s}
html body.a27 .a27-flv__go:hover{border-bottom-color:rgb(var(--tn))}

/* v27 · pestañas de servicios: coloreadas por servicio y con clic a la subpágina */
html body.a27 .a27-flv__t[data-flv=estrategia]{--tn:70,104,214}
html body.a27 .a27-flv__t[data-flv=publicidad]{--tn:226,92,52}
html body.a27 .a27-flv__t[data-flv=crm]{--tn:30,150,112}
html body.a27 .a27-flv__t[data-flv=medicion]{--tn:222,160,36}
html body.a27 .a27-flv__t[data-flv=ia]{--tn:128,82,214}
html body.a27 .a27-flv__t{cursor:pointer}
html body.a27 .a27-flv__t:hover,html body.a27 .a27-flv__t:focus-visible{background:rgba(var(--tn),.18)!important;box-shadow:0 0 0 1px rgba(var(--tn),.45)}
html body.a27 .a27-flv__t.is-on{background:linear-gradient(160deg,rgba(var(--tn),1),rgba(var(--tn),.78))!important;box-shadow:0 16px 30px -12px rgba(var(--tn),.75),0 0 0 2px rgb(var(--tn))}
html body.a27 .a27-flv__t.is-on .a27-ico{stroke:#fff!important}
html body.a27 .a27-flv__t.is-on span{color:#fff!important;font-weight:600}
html body.a27 .a27-flv__t.is-on::after{background:#fff}
.a27-inn__ref{display:flex;align-items:center;justify-content:center;gap:12px;margin:34px auto 0;max-width:560px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.78);text-align:left}
.a27-inn__ref img{width:40px;height:40px;border-radius:6px;flex:none}
.a27-inn__ref a{color:#fff;border-bottom:1px solid #A8112C}

/* v28 · pestañas de servicios: estilo carpeta macOS (relieve, glifo sólido), contenido centrado */
html body.a27 .a27-flv__tabs{gap:10px!important;padding:12px 14px 10px!important}
html body.a27 .a27-flv__t{overflow:visible!important;justify-content:center!important;padding:0!important;gap:9px!important;margin-top:7px;border-radius:15px!important;background:linear-gradient(180deg,rgba(var(--tn),.26),rgba(var(--tn),.16))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(var(--tn),.25),0 1px 2px rgba(0,0,0,.08)!important}
html body.a27 .a27-flv__t::before{content:"";position:absolute;left:0;top:-7px;width:44%;height:11px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,rgba(var(--tn),.30),rgba(var(--tn),.22));box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
html body.a27 .a27-flv__t::after{display:none!important}
html body.a27 .a27-flv__t .a27-ico{width:38px!important;height:38px!important;fill:color-mix(in srgb,rgb(var(--tn)) 78%,#000)!important;stroke:none!important;opacity:.88!important;filter:drop-shadow(0 1px 0 rgba(255,255,255,.65));transform:none!important}
html body.a27 .a27-flv__t .a27-ico .r{fill:none;stroke:color-mix(in srgb,rgb(var(--tn)) 78%,#000);stroke-width:6}
html body.a27 .a27-flv__t .a27-ico .k{fill:#fff}
html body.a27 .a27-flv__t span{color:#0A0A0A!important}
html body.a27 .a27-flv__t:hover,html body.a27 .a27-flv__t:focus-visible{background:linear-gradient(180deg,rgba(var(--tn),.38),rgba(var(--tn),.26))!important}
html body.a27 .a27-flv__t.is-on{background:linear-gradient(180deg,color-mix(in srgb,rgb(var(--tn)) 80%,#fff),rgb(var(--tn)))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,0,0,.18),0 16px 28px -12px rgba(var(--tn),.8)!important}
html body.a27 .a27-flv__t.is-on::before{background:linear-gradient(180deg,color-mix(in srgb,rgb(var(--tn)) 70%,#fff),color-mix(in srgb,rgb(var(--tn)) 86%,#fff))}
html body.a27 .a27-flv__t.is-on .a27-ico{fill:rgba(0,0,0,.30)!important;opacity:1!important;filter:drop-shadow(0 1px 0 rgba(255,255,255,.4))}
html body.a27 .a27-flv__t.is-on .a27-ico .r{stroke:rgba(0,0,0,.30)}
html body.a27 .a27-flv__t.is-on .a27-ico .k{fill:color-mix(in srgb,rgb(var(--tn)) 80%,#fff)}
html body.a27 .a27-flv__t.is-on span{color:#fff!important}
@media(max-width:760px){html body.a27 .a27-flv__t{height:74px!important;gap:6px!important}html body.a27 .a27-flv__t .a27-ico{width:28px!important;height:28px!important}}
@media(max-width:760px){html body.a27 .a27-flv__t{height:84px!important;min-height:0!important;max-height:84px!important;align-self:flex-start!important;flex:0 0 auto!important}}

/* v29 · cinta de servicios del hero: iconos sólidos con relieve y color por servicio */
html body.a27 .a27-rb .a27-rbi{width:34px!important;height:34px!important;stroke:none!important;opacity:1!important;fill:var(--ri,#fff)!important;filter:drop-shadow(0 1px 0 rgba(255,255,255,.35)) drop-shadow(0 3px 5px rgba(0,0,0,.45))}
html body.a27 .a27-rb .a27-rbi .r{fill:none;stroke:var(--ri,#fff);stroke-width:6}
html body.a27 .a27-rb .a27-rbi .k{fill:#2c2c2c}
html body.a27 .a27-rb[data-go="estrategia"]{--ri:rgb(132,162,255)}
html body.a27 .a27-rb[data-go="publicidad"]{--ri:rgb(255,132,96)}
html body.a27 .a27-rb[data-go="crm"]{--ri:rgb(66,206,155)}
html body.a27 .a27-rb[data-go="medicion"]{--ri:rgb(246,196,78)}
html body.a27 .a27-rb[data-go="ia"]{--ri:rgb(176,138,255)}
html body.a27 .a27-rb:hover .a27-rbi{transform:scale(1.1)!important}
@media(max-width:760px){html body.a27 .a27-rb .a27-rbi{width:28px!important;height:28px!important}}

/* v30 · sello Kommo: centrado y al final del capítulo, bajo los nombres de la galería */
html body.a27 .a27-pru .a27-trust{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;align-self:center;justify-content:center;margin:clamp(14px,2.4vh,28px) auto 0!important;width:max-content}
html body.a27 .a27-pru{padding-bottom:clamp(28px,5vh,56px)!important}
html body.a27 .a27-pru .a27-trust{position:absolute!important;left:0!important;right:0!important;margin:0 auto!important;top:auto!important;bottom:clamp(14px,3vh,34px)!important}
@media(max-width:760px){html body.a27 .a27-pru .a27-trust{position:static!important;margin:16px auto 0!important}}
html body.a27 .a27-pru .a27-trust{bottom:clamp(34px,6vh,60px)!important}
html body.a27 .a27-pru .a27-trust{bottom:clamp(20px,3.4vh,34px)!important}

/* v32 · capítulo 05: galería y sello centrados en el espacio bajo el título */
@media (min-width:900px){
html.a27-js body.a27 .a27-pru .a27-covers.a27-cf{bottom:calc(clamp(56px,8vh,84px) + 4.4vh)!important}
html body.a27 .a27-pru .a27-trust{bottom:calc(clamp(20px,3.4vh,34px) + 1vh)!important}
}

/* v34 · Preguntas frecuentes: bloque carmesí propio, jerarquía clara (título, pista, preguntas, respuestas) */
html body.a27 .a27-foot.a27-faq{background:#A8112C!important;color:#fff!important;padding:clamp(64px,8vw,128px) clamp(22px,7vw,110px) clamp(56px,7vw,104px)!important}
html body.a27 .a27-faq .a27-faq__t{font-family:'Switzer',sans-serif!important;font-weight:600!important;text-transform:none!important;letter-spacing:-.035em!important;line-height:1.02!important;font-size:clamp(38px,5.6vw,84px)!important;max-width:15ch;margin:0 0 clamp(18px,2vw,28px)!important;color:#fff!important}
html body.a27 .a27-faq .a27-faq__hint{font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.72);margin:0 0 clamp(36px,4.5vw,64px)}
html body.a27 .a27-faq .a27-faq__list{max-width:1080px}
html body.a27 .a27-faq .a27-q{border-top:1px solid rgba(255,255,255,.32)!important;border-bottom:0!important}
html body.a27 .a27-faq .a27-q:last-child{border-bottom:1px solid rgba(255,255,255,.32)!important}
html body.a27 .a27-faq .a27-q summary{color:#fff!important;font-weight:500!important;letter-spacing:-.015em;font-size:clamp(19px,2vw,28px)!important;line-height:1.28!important;padding:clamp(22px,2.4vw,32px) 0!important}
html body.a27 .a27-faq .a27-q summary::after{border-color:rgba(255,255,255,.7)!important;color:#fff!important;width:44px!important;height:44px!important}
html body.a27 .a27-faq .a27-q summary:hover::after,html body.a27 .a27-faq .a27-q[open] summary::after{background:#fff!important;color:#A8112C!important;border-color:#fff!important}
html body.a27 .a27-faq .a27-q p{color:rgba(255,255,255,.92)!important;font-size:clamp(16px,1.35vw,19px)!important;line-height:1.65!important;max-width:60ch;margin:0 0 clamp(26px,3vw,38px)!important;padding-right:64px}
html body.a27 .a27-faq .a27-q summary:focus-visible{outline:2px solid #fff!important}
@media (max-width:760px){html body.a27 .a27-faq .a27-q p{padding-right:0}html body.a27 .a27-faq .a27-faq__t{max-width:none}}

/* v35 · el logo Arad de la portada queda estático (sin parallax con el ratón) */
html body.a27 .a27-open .a27-mf--logo{transform:none!important}

/* v36 · carpetas de servicios: solapa integrada (mismo color opaco, sin costura ni recorte) */
html body.a27 .a27-flv__t{--fb:color-mix(in srgb,rgb(var(--tn)) 22%,#fffdf8);--ft:color-mix(in srgb,rgb(var(--tn)) 34%,#fffdf8);margin-top:12px!important;border-radius:4px 16px 16px 16px!important;background:linear-gradient(180deg,var(--ft),var(--fb) 70%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(var(--tn),.28),0 2px 5px -1px rgba(var(--tn),.28)!important}
html body.a27 .a27-flv__t::before{left:0!important;top:-11px!important;width:46%!important;height:12px!important;border-radius:0!important;background:var(--ft)!important;box-shadow:none!important;clip-path:polygon(0 100%,0 22%,6% 0,70% 0,80% 100%)!important;border-top-left-radius:6px}
html body.a27 .a27-flv__t:hover,html body.a27 .a27-flv__t:focus-visible{--ft:color-mix(in srgb,rgb(var(--tn)) 44%,#fffdf8);--fb:color-mix(in srgb,rgb(var(--tn)) 32%,#fffdf8);background:linear-gradient(180deg,var(--ft),var(--fb) 70%)!important}
html body.a27 .a27-flv__t.is-on{--ft:color-mix(in srgb,rgb(var(--tn)) 78%,#fff);--fb:rgb(var(--tn));background:linear-gradient(180deg,var(--ft),var(--fb))!important}
html body.a27 .a27-flv__t.is-on::before{background:var(--ft)!important}

/* v37 · pestañas de servicios: recuadro simple, sin forma de carpeta */
html body.a27 .a27-flv__t{margin-top:0!important;border-radius:16px!important}
html body.a27 .a27-flv__t::before{display:none!important}

/* v38 · selector de idioma: claro, con «Armas Advisory» y «Armas Advisory - Ecuador» */
html body.a27 .a27-lang,.a27-lang{background:#FAF8F3!important;color:#0A0A0A!important}
.a27-lang .a27-lang__logo{width:auto!important;margin:0 0 clamp(30px,6vh,52px)!important;font:600 clamp(30px,4.4vw,48px)/1.05 'Switzer',sans-serif!important;letter-spacing:-.03em!important;text-transform:none!important;color:#0A0A0A!important}
.a27-lang .a27-lang__t,html body.a27 .a27-lang .a27-lang__t{color:#6b6b6b!important}
.a27-lang .a27-lang__t span{color:#A8112C!important}
.a27-lang .a27-lang__row{border-top:1px solid rgba(10,10,10,.2)!important}
.a27-lang .a27-lang__row button,.a27-lang .a27-lang__row a{color:#0A0A0A!important;border-bottom:1px solid rgba(10,10,10,.2)!important;background:transparent!important;box-shadow:none!important}
.a27-lang .a27-lang__row button::before,.a27-lang .a27-lang__row a::before{background:#0A0A0A!important}
.a27-lang .a27-lang__row i,.a27-lang .a27-lang__row em,.a27-lang .a27-lang__row svg{color:#6b6b6b!important}
.a27-lang .a27-lang__row button:hover,.a27-lang .a27-lang__row a:hover,.a27-lang .a27-lang__row button:focus-visible,.a27-lang .a27-lang__row a:focus-visible{color:#fff!important}
.a27-lang .a27-lang__row button:hover :is(i,em,svg),.a27-lang .a27-lang__row a:hover :is(i,em,svg),.a27-lang .a27-lang__row button:focus-visible :is(i,em,svg),.a27-lang .a27-lang__row a:focus-visible :is(i,em,svg){color:#fff!important}
.a27-lang .a27-lang__f,html body.a27 .a27-lang .a27-lang__f{color:#6b6b6b!important}

/* v39 · Móvil (04/11/2026): cinta de servicios, barra inferior, cabecera y pista del menú */
@media (max-width:899px){
  html body.a27 .a27-hint{display:none!important}
  html body.a27 .a27-menu-btn.a27-pulse,html body.a27 .a27-pulse{animation:none!important;box-shadow:none!important}
  html body.a27 .a27-top__logo{display:none!important}
  html body.a27 .a27-top{padding-left:16px!important;padding-right:16px!important}
  html body.a27 .a27-ribbon{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;width:calc(100vw - 32px)!important;max-width:420px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;margin:0!important;padding:8px 6px!important;box-sizing:border-box!important}
  html body.a27 .a27-rb{width:auto!important;min-width:0!important;height:auto!important;min-height:72px!important;padding:6px 2px!important;justify-content:flex-start!important;align-items:center!important;gap:5px!important}
  html body.a27 .a27-rb em{position:static!important;transform:none!important;opacity:1!important;background:none!important;box-shadow:none!important;padding:0!important;color:#fff!important;font-size:9.5px!important;line-height:1.15!important;letter-spacing:0!important;text-transform:none!important;white-space:normal!important;max-width:100%!important;text-align:center!important;width:100%!important;hyphens:manual}
  html body.a27 .a27-bar{gap:8px!important;padding-left:12px!important;padding-right:12px!important}
  html body.a27 .a27-bar .a27-btn{flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important;margin:0!important;padding:0 8px!important;font-size:11px!important;letter-spacing:.06em!important;white-space:nowrap}
  html body.a27 .a27-bar__wa{flex:0 0 auto!important;padding:0 12px!important;min-height:52px;display:inline-flex;align-items:center;font-size:11px!important;letter-spacing:.06em!important;border-radius:26px!important}
}

/* v41 · "Qué esperar": 2 datos (sin precio) */
html body.a27 .a27-facts{grid-template-columns:repeat(2,1fr)!important;width:min(600px,100%)!important}
@media(max-width:640px){html body.a27 .a27-facts{grid-template-columns:1fr!important}}

/* v42 · móvil: pestañas de servicios dentro de la pantalla (sin desborde ni corte lateral) */
@media (max-width:899px){
html body.a27 .a27-flv{width:100%!important;max-width:100%!important;align-items:stretch!important}
html body.a27 .a27-flv__tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;overflow:visible!important;gap:8px!important;padding:10px!important;box-sizing:border-box!important}
html body.a27 .a27-flv__t{width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:84px!important;max-height:none!important;flex:none!important;align-self:stretch!important;padding:10px 6px!important;box-sizing:border-box!important}
html body.a27 .a27-flv__t span{font-size:11.5px!important;line-height:1.15!important;white-space:normal!important;overflow-wrap:anywhere;text-align:center}
html body.a27 .a27-flv__panels{width:100%!important;max-width:100%!important;box-sizing:border-box}
}

/* v42 · móvil: Servicios crece con su contenido (antes medía 104px y el panel quedaba tapado por el capítulo siguiente) */
@media (max-width:899px){
html body.a27 .a27-svc{height:auto!important;min-height:0!important;overflow:visible!important}
html body.a27 .a27-svc .a27-ch__ctr{position:relative!important;inset:auto!important;height:auto!important;padding-bottom:56px!important}
}
@media (max-width:899px){
html body.a27 #problema,html body.a27 #empezar{height:auto!important;min-height:0!important;overflow:visible!important}
html body.a27 #problema .a27-ch__ctr,html body.a27 #empezar .a27-ch__ctr{position:relative!important;inset:auto!important;height:auto!important}
}

/* v43 · móvil: barra superior blanca traslúcida con logo Arad al centro, WhatsApp verde en contorno, servicios en carrusel */
.a27-top__arad{display:none}
@media (max-width:899px){
html body.a27 .a27-top,html body.a27.a27-on-light .a27-top{height:60px!important;background:rgba(250,248,243,.94)!important;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);color:#0A0A0A!important;border-bottom:1px solid rgba(10,10,10,.08);box-shadow:0 1px 14px rgba(10,10,10,.05)}
html body.a27 .a27-top::before{display:none!important}
html body.a27 .a27-top button,html body.a27 .a27-top a.a27-dx{color:#0A0A0A!important}
html body.a27 .a27-top__arad{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;line-height:0;z-index:1}
html body.a27 .a27-top__arad img{width:100%;height:auto;filter:invert(1);display:block}
html body.a27 .a27-top .a27-dx__pre{display:none}
html body.a27 .a27-top .a27-dx{border-bottom:0!important;font-weight:600;max-width:34vw;text-align:right;line-height:1.15;font-size:10px;letter-spacing:.08em}
html body.a27 .a27-top #a27MenuBtn.a27-pulse::before{display:none}
html body.a27 .a27-bar__wa{color:#25D366!important;border:1.5px solid #25D366!important;background:transparent!important}
:root{--a27-top:60px}
/* carrusel de servicios */
html body.a27 .a27-flv__tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;padding:8px!important}
html body.a27 .a27-flv__t{min-height:58px!important;height:58px!important;padding:6px 2px!important;gap:0!important}
html body.a27 .a27-flv__t span{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap!important}
html body.a27 .a27-flv__panels{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;margin-top:18px!important;scrollbar-width:none}
html body.a27 .a27-flv__panels::-webkit-scrollbar{display:none}
html body.a27 .a27-flv__p,html body.a27 .a27-flv__p[hidden]{display:block!important;flex:0 0 100%;scroll-snap-align:center;box-sizing:border-box;min-width:0}
}
@media (max-width:899px){
html body.a27 .a27-top .a27-dx__pre{display:inline!important}
html body.a27 .a27-top .a27-dx{max-width:30vw;white-space:normal;font-size:9.5px;line-height:1.2}
html body.a27 .a27-flv__p{min-height:0!important;height:auto!important}
html body.a27 .a27-svc .a27-ch__ctr{padding-bottom:40px!important}
}
@media (max-width:899px){
html body #aradSite .cards-grid,html body .cards-grid{grid-template-columns:1fr!important}
}

/* v44 · móvil: huecos (pasos de "Cómo empieza" e invitación) */
@media (max-width:899px){
html body.a27 .a27-steps li{padding-top:4px!important}
html body.a27 #invitacion.a27-ch{padding-top:44px!important}
html body.a27 #invitacion .a27-ch__ctr{padding-top:20px!important}
}
@media (min-width:900px){html body.a27 .a27-menu__logo{display:none!important}}
@media (max-width:899px){html body.a27 .a27-menu__logo{display:block!important}}

/* v44 · WhatsApp siempre con borde y letras verdes, sin fondo sólido */
html body #aradSite .contact-wa-btn{background:transparent!important;color:#1FA855!important;border:1.5px solid #25D366!important}
html body #aradSite .contact-wa-btn svg,html body #aradSite .contact-wa-btn svg *{fill:currentColor!important}
@media (max-width:899px){html body .whatsapp-fab{display:none!important}}

/* v44 · móvil: rejillas con estilo en línea (Kommo y similares) pasan a una columna legible */
@media (max-width:899px){
html body.a27 [style*="grid-template-columns:repeat(3,1fr)"],html body.a27 [style*="grid-template-columns: repeat(3,1fr)"],html body.a27 [style*="grid-template-columns:1fr 1fr;"],html body.a27 [style*="grid-template-columns: 1fr 1fr;"]{grid-template-columns:1fr!important;gap:20px!important}
html body.a27 [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:1fr 1fr!important}
html body.a27 [style*="padding:0 60px"],html body.a27 [style*="padding: 0 60px"]{padding-left:20px!important;padding-right:20px!important}
}

/* v45 · móvil: Menú y Agendar conversación en carmesí; foto del menú más abierta */
@media (max-width:899px){
html body.a27 .a27-top #a27MenuBtn,html body.a27 .a27-top .a27-dx,html body.a27 .a27-top .a27-dx *{color:#A8112C!important}
html body.a27 .a27-menu__photo{width:100%!important;height:62%!important;top:auto!important;bottom:0!important;object-fit:contain!important;object-position:50% 100%!important;opacity:.55!important;transform:none!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 28%);mask-image:linear-gradient(to bottom,transparent 0,#000 28%)}
}
@media (max-width:899px){html body.a27 header.a27-top a.a27-dx,html body.a27 header.a27-top a.a27-dx:visited{color:#A8112C!important;-webkit-text-fill-color:#A8112C!important}}

/* v46 · móvil: lista por provincia legible, barra solo tras el inicio, animaciones más rápidas */
@media (max-width:899px){
html body.a27 .a27-maplist div{color:#0A0A0A!important;border-bottom:1px solid rgba(10,10,10,.14)!important;font-weight:500!important}
html body.a27 .a27-maplist span{color:#0A0A0A!important}
html body.a27 .a27-maplist b{color:#0A0A0A!important;font-weight:700!important;white-space:nowrap}
/* barra: en el inicio solo el botón Menú, sin fondo */
html.a27-hero body.a27 .a27-top{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom-color:transparent!important;pointer-events:none}
html.a27-hero body.a27 .a27-top #a27MenuBtn{pointer-events:auto;color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.5)}
html.a27-hero body.a27 .a27-top .a27-top__arad,html.a27-hero body.a27 .a27-top .a27-dx{opacity:0!important;visibility:hidden}
html body.a27 .a27-top .a27-top__arad,html body.a27 .a27-top .a27-dx{transition:opacity .25s ease,visibility .25s}
html body.a27 .a27-top{transition:background .25s ease,border-color .25s ease}
/* animaciones ágiles */
.a27-js .a27-rv{transition:opacity .4s ease,transform .4s ease!important;transform:translateY(10px)}
.a27-js .a27-ch.is-active .a27-rv{transform:none}
.a27-js .a27-ch.is-active .a27-rv:nth-child(n){transition-delay:0s!important}
.a27-js .a27-ch.is-active .a27-rv:nth-child(n+3){transition-delay:.06s!important}
.a27-js .a27-open .a27-mf{transition-duration:.5s}
.a27-js .a27-open.is-active .a27-cap.a27-rv{transition-delay:.1s!important}
.a27-js .a27-open.is-active .a27-h.a27-rv{transition-delay:.2s!important}
.a27-js .a27-open.is-active .a27-lede.a27-rv{transition-delay:.3s!important}
.a27-js .a27-open.is-active .a27-btn-wrap.a27-rv{transition-delay:.4s!important}
.a27-js .a27-ch.is-active .a27-map path[stroke="#E8E6E3"]{transition-duration:1.2s,.7s!important;transition-delay:0s,.5s!important}
}
@media (max-width:899px){
html.a27-hero body.a27 .a27-top #a27MenuBtn{color:#A8112C!important;text-shadow:none}
html body.a27 .a27-open .a27-open__hint{display:none!important}
}
/* v47 · Problema en móvil: tres preguntas apiladas y centradas, sin tracking exagerado */
@media (max-width:899px){
html body.a27 .a27-kpis{display:block!important;grid-template-columns:none!important;border-top:0!important;margin-top:22px!important;text-align:center!important}
html body.a27 .a27-kpis>div{display:block!important;width:auto!important;padding:16px 8px!important;border:0!important;border-top:1px solid rgba(10,10,10,.14)!important;text-align:center!important}
html body.a27 .a27-kpis>div:last-child{border-bottom:1px solid rgba(10,10,10,.14)!important}
html body.a27 .a27-kpis dt{display:block!important;margin:0 0 6px!important;letter-spacing:.06em!important;word-spacing:0!important;text-transform:uppercase!important;font-size:12px!important;font-weight:700!important;color:#A8112C!important;text-align:center!important}
html body.a27 .a27-kpis dd{margin:0 auto!important;max-width:290px!important;font-size:15px!important;line-height:1.4!important;letter-spacing:0!important;text-align:center!important}
html body.a27 #problema.a27-ch{padding-top:40px!important}
}
/* v48 · móvil: jerarquía tipográfica (títulos en negrita) y botón visible en el hero */
@media (max-width:899px){
html.a27-hero body.a27 .a27-top .a27-dx{opacity:1!important;visibility:visible!important;pointer-events:auto}
html.a27-hero body.a27 .a27-top .a27-top__arad{opacity:0!important;visibility:hidden!important}
html body.a27 h1,html body.a27 h2,html body.a27 .a27-h,html body.a27 h1.a27-h,html body.a27 h2.a27-h{font-weight:700!important;letter-spacing:-.025em!important}
html body.a27 .a27-ch h3,html body.a27 .a27-flv__p h3,html body.a27 main h3{font-weight:700!important;letter-spacing:-.015em!important}
html body.a27 .a27-ch--light .a27-h i,html body.a27 .a27-prob .a27-h i,html body.a27 h1 i,html body.a27 h2 i{font-weight:700!important;opacity:1!important}
html body.a27 .a27-cap{font-weight:600!important}
html body.a27 .a27-cap em{font-weight:400!important}
html body.a27 .a27-flv__q{font-weight:500!important}
}
@media (max-width:899px){
html body.a27 .a27-quote .a27-q1,html body.a27 .a27-quote .a27-q2{font-weight:700!important}
html body.a27 .a27-quote .a27-q2{opacity:.62}
}
@media (max-width:899px){
html body.a27 .a27-flv{margin-top:6px!important;margin-bottom:12px!important}
html body.a27 .a27-flv__tabs{margin-top:14px!important}
html body.a27 .a27-flv__panels{margin-top:10px!important}
}
/* v49 · móvil: ritmo vertical compacto (sin huecos) */
@media (max-width:899px){
html body.a27 section.a27-ch:not(.a27-open):not(.a27-hum){padding-top:52px!important;padding-bottom:40px!important;min-height:0!important}
html body.a27 section.a27-ch:not(.a27-open):not(.a27-hum) .a27-ch__ctr{padding-top:0!important;padding-bottom:0!important}
html.a27-js body.a27 .a27-pru .a27-covers.a27-cf{height:calc(var(--ch) + 80px)!important;bottom:0!important;margin:16px 0 0!important}
html body.a27 .a27-pru .a27-hd{margin-bottom:0!important}
html body.a27 .a27-pru .a27-trust{margin-top:20px!important}
}
@media (max-width:899px){
html body.a27 .pg-hero{padding-top:88px!important;padding-bottom:32px!important}
}
/* v49b · móvil: secciones de páginas internas con respiro uniforme (44px) */
@media (max-width:899px){
html body.a27 .roster,html body.a27 .honor-roster,html body.a27 .identidad,html body.a27 .cta-final,html body.a27 .a27-sec,html body.a27 .mt-sec{padding-top:44px!important;padding-bottom:44px!important}
html body.a27 .roster{padding-top:8px!important}
html body.a27 .a27-band{padding-top:92px!important;padding-bottom:36px!important}
}
/* v51 · capítulos alineados al borde superior (anula scroll-margin-top:72px global) */
html body.a27 section.a27-ch,html body.a27 .a27-ch{scroll-margin-top:0!important;scroll-padding-top:0!important}
/* v51b · escritorio: menos aire entre el título y las tarjetas de Servicios */
@media (min-width:900px){
html body.a27 #servicios .a27-flv{margin-top:14px!important;margin-bottom:18px!important}
html body.a27 #servicios .a27-flv__tabs{margin-top:22px!important}
}
/* v51c · escritorio: respiro entre el titular de Quién decide y su texto */
@media (min-width:900px){
html body.a27 .a27-hum .a27-h{margin-bottom:26px!important}
}
/* v52 · Ken Burns: acercamiento lento a la foto de Frank mientras el capítulo está activo */
@keyframes a27kb{from{transform:scale(1)}to{transform:scale(1.14)}}
@media (prefers-reduced-motion:no-preference){
html.a27-js body.a27 .a27-hum.is-active .a27-ph{transform-origin:62% 28%;animation:a27kb 22s cubic-bezier(.25,.1,.25,1) 1.2s both;will-change:transform}
}

/* v53 · móvil: áreas táctiles mínimas (≥40-44px) en footer, menú, enlaces de servicio y botón de menú */
@media (max-width:899px){
html body.a27 footer .footer-list a,html body.a27 footer .footer-list li>a{display:inline-flex!important;align-items:center;min-height:40px!important}
html body.a27 footer .footer-list li{margin:0!important;padding:0!important}
html body.a27 #a27MenuBtn{min-height:44px!important;display:inline-flex!important;align-items:center}
html body.a27 .a27-flv__go{display:inline-flex!important;align-items:center;min-height:44px!important}
html body.a27 .a27-chips button,html body.a27 #a27Frase~* button{min-height:44px!important}
}

/* v53b · móvil: todos los enlaces de listas del footer con área táctil de 40px */
@media (max-width:899px){
html body.a27 footer ul li>a,html body.a27 footer .footer-bottom a{display:inline-flex!important;align-items:center;min-height:40px!important}
html body.a27 footer ul li{margin:0!important}
}

/* v54 · sin puntos medios como separador: el espacio separa (etiqueta de capítulo y menú) */
html body.a27 .a27-cap em::before{content:none!important;display:none!important}
html body.a27 .a27-cap{column-gap:22px!important}
html body.a27 .a27-menu__plazas{display:inline-flex;gap:22px}
html body.a27 .a27-menu__plazas i{font-style:normal}

/* v54 · menú móvil: foto de Frank grande y con Ken Burns */
@media (max-width:899px){
html body.a27 .a27-menu__photo{left:0!important;right:0!important;top:0!important;bottom:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:58% 8%!important;opacity:.62!important;transform-origin:60% 30%;
 -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%)!important;mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%)!important;-webkit-mask-composite:source-over!important;mask-composite:add!important;transform:scale(1.35)}
html body.a27 .a27-menu__list{z-index:3}
html body.a27 .a27-menu__list a{text-shadow:0 2px 18px rgba(0,0,0,.7)}
}
@media (max-width:899px) and (prefers-reduced-motion:no-preference){
html body.a27 .a27-menu.is-open .a27-menu__photo{animation:a27kbm 18s cubic-bezier(.25,.1,.25,1) .3s both}
@keyframes a27kbm{from{transform:scale(1.35)}to{transform:scale(1.6)}}
}

/* v55 · menú móvil: Frank en el lateral derecho, el texto no tapa el rostro */
@media (max-width:899px){
html body.a27 .a27-menu__photo{left:auto!important;right:-14%!important;width:84%!important;object-position:50% 6%!important;opacity:.9!important;transform-origin:62% 28%;transform:scale(1.08);
 -webkit-mask-image:linear-gradient(to right,transparent 0,#000 34%),linear-gradient(to bottom,transparent 0,#000 14%,#000 80%,transparent 100%)!important;-webkit-mask-composite:source-in!important;
 mask-image:linear-gradient(to right,transparent 0,#000 34%),linear-gradient(to bottom,transparent 0,#000 14%,#000 80%,transparent 100%)!important;mask-composite:intersect!important}
}
@media (max-width:899px) and (prefers-reduced-motion:no-preference){
html body.a27 .a27-menu.is-open .a27-menu__photo{animation:a27kbm2 18s cubic-bezier(.25,.1,.25,1) .3s both}
@keyframes a27kbm2{from{transform:scale(1.08)}to{transform:scale(1.3)}}
}

/* v56 · móvil: barras más bajas; el logo Arad mide lo mismo que las dos líneas de "Agendar conversación" */
@media (max-width:899px){
html body.a27 .a27-top,html body.a27.a27-on-light .a27-top{height:48px!important}
html body.a27 .a27-top__arad{width:46px!important}
html body.a27 .a27-top .a27-dx{font-size:9.5px!important;line-height:12px!important}
html body.a27 .a27-bar{padding-top:6px!important;padding-bottom:calc(6px + env(safe-area-inset-bottom))!important}
html body.a27 .a27-bar .a27-btn{min-height:38px!important;height:38px!important;padding-top:0!important;padding-bottom:0!important;line-height:38px!important;font-size:10.5px!important}
html body.a27 .a27-bar__wa{min-height:38px!important;height:38px!important;font-size:10.5px!important}
}

/* v57 · aviso "Desliza" por quietud */
.a27-nudge{position:fixed;left:50%;bottom:34px;z-index:55;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none;opacity:0;transform:translate(-50%,10px);transition:opacity 1.8s cubic-bezier(.4,0,.2,1),transform 1.8s cubic-bezier(.4,0,.2,1)}
.a27-nudge span{writing-mode:vertical-rl;font-size:10px;font-weight:500;letter-spacing:.42em;text-transform:uppercase;color:#fff;mix-blend-mode:difference}
.a27-nudge i{display:block;width:1px;height:46px;background:#fff;mix-blend-mode:difference;transform-origin:top;transform:scaleY(0);transition:transform 1.6s cubic-bezier(.4,0,.2,1) .25s}
.a27-nudge.on{opacity:.9;transform:translate(-50%,0);transition:opacity 1.4s cubic-bezier(.22,1,.36,1),transform 1.4s cubic-bezier(.22,1,.36,1)}
.a27-nudge.on i{transform:scaleY(1);transition:transform 1.4s cubic-bezier(.22,1,.36,1) .3s}
@media (max-width:899px){.a27-nudge{bottom:calc(74px + env(safe-area-inset-bottom))}}
@media (prefers-reduced-motion:reduce){.a27-nudge,.a27-nudge i{transition-duration:.01s!important}}
/* v57b · fuera del hero el aviso va al borde derecho para no cruzar el texto */
html:not(.a27-hero) .a27-nudge{left:auto;right:12px;transform:translate(0,10px)}
html:not(.a27-hero) .a27-nudge.on{transform:none}

/* v58 · equipo: sin cuadros ni marcos; las personas se separan con aire y una línea fina bajo el nombre */
html body.a27 #aradSite .roster-grid,html body.a27 #aradSite .honor-grid{background:transparent!important;border:0!important;gap:44px 28px!important}
html body.a27 #aradSite .roster-card,html body.a27 #aradSite .honor-card{background:transparent!important;border:0!important;box-shadow:none!important}
html body.a27 #aradSite .roster-caption,html body.a27 #aradSite .honor-caption{padding:16px 0 0!important;border-top:0!important}
html body.a27 #aradSite .roster-name,html body.a27 #aradSite .honor-name{padding-bottom:14px;border-bottom:1px solid rgba(10,10,10,.14)}
html body.a27 #aradSite .roster-photo,html body.a27 #aradSite .honor-photo{border-radius:0}
@media (max-width:899px){
html body.a27 #aradSite .roster-grid,html body.a27 #aradSite .honor-grid{gap:34px 16px!important}
html body.a27 #aradSite .roster-caption,html body.a27 #aradSite .honor-caption{padding:12px 0 0!important}
}

/* v59 · Metodología / Prueba social: en escritorio texto a la izquierda y la foto a la derecha (antes media pantalla vacía) */
@media (min-width:900px){
html body.a27 #sucumbios{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"cap fig" "h fig" "p1 fig" "p2 fig" "p3 fig";column-gap:clamp(40px,6vw,96px);align-items:start}
html body.a27 #sucumbios>.a27-cap{grid-area:cap}
html body.a27 #sucumbios>.mt-h{grid-area:h}
html body.a27 #sucumbios>.mt-p:nth-of-type(2){grid-area:p1}
html body.a27 #sucumbios>.mt-fig{grid-area:fig;max-width:none;margin:0;align-self:center}
html body.a27 #sucumbios>.mt-p:nth-of-type(3){grid-area:p2}
html body.a27 #sucumbios>.mt-p:nth-of-type(4){grid-area:p3}
html body.a27 #sucumbios .mt-fig img{border-radius:0}
}

/* v60 · sin cuadros: las tarjetas pierden fondo y marco; las separa una línea fina superior y el aire */
html body.a27 .mt-card,html body.a27 .a27-card{background:transparent!important;border:0!important;border-top:1px solid var(--a27-ink)!important;box-shadow:none!important;padding:22px 0 0!important}
html body.a27 .mt-ph{gap:clamp(36px,5vw,84px)!important}
html body.a27 .mt-card h3{margin-top:14px!important}
html body.a27 .mt-card .mt-ent{border-top:1px solid var(--a27-hair)}
html body.a27 #aradSite .stats-strip,html body.a27 #aradSite .ficha-strip{background:transparent!important}