:root{
  --bg:#070b0e;
  --panel:#0b1115;
  --text:#f6f7f7;
  --muted:#c1c8cc;
  --line:rgba(255,255,255,.13);
  --orange:#ff6b00;
  --header-h:72px;
  --radius:20px;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{display:block;max-width:100%}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;z-index:1000;left:12px;top:-60px;padding:10px 14px;border-radius:8px;background:#fff;color:#000;font-weight:800}.skip-link:focus{top:10px}

.home-shell{height:100vh;height:100dvh;display:grid;grid-template-rows:var(--header-h) minmax(0,1fr);background:var(--bg)}
.home-header{position:relative;z-index:50;height:var(--header-h);display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(120px,1fr);align-items:center;gap:22px;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(6,10,13,.92);-webkit-backdrop-filter:blur(18px)}
.brand{justify-self:start;backdrop-filter:blur(18px)}
.brand{justify-self:start;display:flex;align-items:center;gap:14px;letter-spacing:-.01em}.brand img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,107,0,.18))}.brand-text{display:grid;gap:2px;line-height:1}.brand-text strong{font-size:1.06rem;font-weight:950;color:#fff;white-space:nowrap}.brand-text small{font-size:.68rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);white-space:nowrap}
.top-nav{display:flex;align-items:center;gap:4px}.top-nav a{position:relative;padding:10px 12px;color:#aeb7bc;font-size:.76rem;font-weight:800;transition:color .2s ease}.top-nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;transform:scaleX(0);background:var(--orange);transform-origin:left;transition:transform .25s ease}.top-nav a:hover,.top-nav a:focus-visible,.top-nav a.is-active{color:#fff}.top-nav a.is-active::after{transform:scaleX(1)}
.menu-toggle{display:none;justify-self:end;width:44px;height:44px;border:0;background:transparent;color:#fff}.menu-toggle>span:not(.sr-only){display:block;width:22px;height:2px;margin:5px auto;background:currentColor}

.slide-deck{min-width:0;min-height:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;outline:none}.slide-deck::-webkit-scrollbar{display:none}
.slide{position:relative;isolation:isolate;flex:0 0 100%;width:100%;height:100%;min-width:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:#111820}
.slide-photo{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.012);transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .7s ease}.slide.is-current .slide-photo{transform:scale(1)}
.slide-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(3,6,8,.93) 0%,rgba(3,6,8,.68) 38%,rgba(3,6,8,.16) 72%),linear-gradient(0deg,rgba(3,6,8,.70),transparent 52%)}
.hero-shade{background:linear-gradient(90deg,rgba(2,5,7,.83) 0%,rgba(2,5,7,.48) 34%,rgba(2,5,7,.08) 68%),linear-gradient(0deg,rgba(2,5,7,.52),transparent 54%)}
.identity-shade{background:linear-gradient(90deg,rgba(3,6,8,.93) 0%,rgba(3,6,8,.72) 42%,rgba(3,6,8,.20) 70%),linear-gradient(0deg,rgba(3,6,8,.68),transparent 55%)}
.member-shade,.tasks-shade{background:linear-gradient(90deg,rgba(3,6,8,.96) 0%,rgba(3,6,8,.82) 46%,rgba(3,6,8,.28) 78%),linear-gradient(0deg,rgba(3,6,8,.78),transparent 52%)}
.hero-photo{object-position:53% 44%}.history-photo{object-position:center 54%}.identity-photo{object-position:center 51%}.people-photo{object-position:center 50%}.member-photo{object-position:center 44%}.tasks-photo{object-position:center 48%}

.slide-copy{position:absolute;z-index:3;left:clamp(48px,6vw,96px);bottom:clamp(56px,9vh,100px);width:min(620px,44vw);opacity:.76;transform:translateX(28px);transition:opacity .55s ease .08s,transform .55s ease .08s}.slide.is-current .slide-copy{opacity:1;transform:translateX(0)}
.hero-copy{bottom:clamp(50px,8vh,88px)}.hero-mark{width:92px;height:92px;object-fit:contain;margin-bottom:24px}.hero-copy h1,.slide-copy h2{margin:0;color:#fff;font-size:clamp(3rem,5.4vw,6rem);line-height:.94;letter-spacing:-.06em;text-wrap:balance}.hero-copy h1 em{font-style:normal;color:var(--orange)}.slide-copy h2{font-size:clamp(3rem,5.2vw,5.9rem);max-width:820px}.slide-copy>p:not(.eyebrow){margin:24px 0 0;max-width:650px;color:#eef1f2;font-size:clamp(1rem,1.35vw,1.28rem);line-height:1.48;text-wrap:pretty}.eyebrow{margin:0 0 16px;color:var(--orange);font-size:.73rem;text-transform:uppercase;letter-spacing:.18em;font-weight:950}
.text-cta,.back-home{margin-top:30px;padding:0;border:0;background:transparent;color:#fff;font-weight:900;cursor:pointer}.text-cta{font-size:1rem}.text-cta span{display:inline-block;margin-left:8px;color:var(--orange);transition:transform .2s ease}.text-cta:hover span,.text-cta:focus-visible span{transform:translateX(5px)}
.slide-index{position:absolute;z-index:4;right:34px;bottom:26px;display:flex;align-items:baseline;gap:5px;color:#fff;font-size:.82rem;font-weight:950}.slide-index span{color:var(--orange);font-size:1.15rem}.slide-index b{color:#abb4b8;font-size:.68rem;letter-spacing:.08em}

.functional-copy{width:min(790px,58vw)}
.primary-actions{margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:10px;font-size:.86rem;font-weight:900}.button-primary{background:var(--orange);color:#070b0e;box-shadow:0 8px 28px rgba(255,107,0,.18)}.button-primary:hover,.button-primary:focus-visible{filter:brightness(1.08)}
.quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;width:min(650px,100%);margin-top:24px;border-top:1px solid var(--line)}.quick-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 2px;border-bottom:1px solid var(--line);color:#eef1f2;font-size:.88rem;font-weight:800}.quick-links a span{color:var(--orange)}
.task-links{display:grid;width:min(640px,100%);margin-top:28px;border-top:1px solid var(--line)}.task-links a{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 2px;border-bottom:1px solid var(--line);color:#f4f5f5}.task-links a span{color:var(--orange);font-size:1.1rem}.help-inline{display:flex;align-items:center;gap:14px;margin-top:24px;color:#bac3c7;font-size:.86rem}.help-inline a{color:#fff;font-weight:900;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:4px}.back-home{color:#cdd3d6;font-size:.82rem}

.action-cards{display:grid;gap:14px;margin-top:24px;width:min(800px,100%)}
.member-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.task-cards{grid-template-columns:repeat(3,minmax(0,1fr));width:min(860px,100%)}
.action-card{min-width:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:104px;padding:18px 19px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(8,14,18,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.03);transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .25s ease}
.action-card:hover,.action-card:focus-visible{transform:translateY(-2px);border-color:rgba(255,107,0,.85);background:rgba(16,21,24,.82);box-shadow:0 0 0 1px rgba(255,107,0,.18),0 10px 34px rgba(0,0,0,.24),0 0 24px rgba(255,107,0,.10)}
.card-icon{position:relative;display:grid;place-items:center;flex:none;width:54px;height:54px;border:1px solid rgba(255,107,0,.58);border-radius:16px;color:#ff8a2b;background:radial-gradient(circle at 50% 45%,rgba(255,153,58,.24),rgba(255,107,0,.10) 48%,rgba(255,107,0,.05) 70%,rgba(255,107,0,.02) 100%);box-shadow:inset 0 0 0 1px rgba(255,205,168,.06),0 0 10px rgba(255,107,0,.16),0 0 22px rgba(255,107,0,.10)}
.card-icon::before{content:"";position:absolute;inset:8px;border-radius:10px;background:radial-gradient(circle,rgba(255,140,50,.20),transparent 72%);filter:blur(6px)}
.card-icon svg{position:relative;z-index:1;width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(255,107,0,.38))}
.action-card span:nth-child(2){min-width:0;display:grid;gap:5px}.action-card strong{font-size:1rem}.action-card small{color:#aeb7bc;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-card b{color:#ff8a2b;font-size:1.06rem;text-shadow:0 0 10px rgba(255,107,0,.28)}

.deck-controls{position:fixed;z-index:70;left:50%;bottom:max(16px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;transform:translateX(-50%);padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(5,9,12,.78);-webkit-backdrop-filter:blur(14px)}
.deck-arrow{display:grid;backdrop-filter:blur(14px)}
.deck-arrow{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer}.deck-arrow:hover,.deck-arrow:focus-visible{background:rgba(255,255,255,.08)}.deck-arrow:disabled{opacity:.28;cursor:default}
.deck-dots{display:flex;align-items:center;gap:7px}.deck-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#626d72;cursor:pointer;transition:width .25s ease,background .25s ease,border-radius .25s ease}.deck-dots button.is-active{width:26px;border-radius:999px;background:var(--orange)}

:focus-visible{outline:2px solid #fff;outline-offset:3px}

@media(max-width:980px){
  :root{--header-h:64px}
  .home-header{grid-template-columns:1fr auto;padding:0 16px}.brand img{width:44px;height:44px}.brand-text strong{font-size:.94rem}.brand-text small{font-size:.60rem}.menu-toggle{display:block}.top-nav{position:fixed;z-index:80;top:var(--header-h);left:12px;right:12px;display:none;padding:8px;border:1px solid var(--line);border-radius:14px;background:rgba(6,10,13,.98);box-shadow:0 18px 50px rgba(0,0,0,.35)}.top-nav.is-open{display:grid}.top-nav a{padding:12px}.top-nav a::after{display:none}
  .slide-copy{left:24px;bottom:74px;width:min(780px,82vw)}.functional-copy{width:min(780px,86vw)}.hero-photo{object-position:61% center}.slide-index{right:22px;bottom:20px}
}

@media(max-width:640px){
  .brand-text small{display:none}
  .slide-deck{scroll-snap-type:x mandatory}
  .slide-copy{left:18px;right:18px;bottom:82px;width:auto}.hero-copy{bottom:86px}.hero-mark{width:66px;height:66px;margin-bottom:16px}.hero-copy h1{font-size:clamp(2.55rem,12vw,4.25rem)}.slide-copy h2{font-size:clamp(2.4rem,11vw,3.8rem)}.slide-copy>p:not(.eyebrow){margin-top:18px;font-size:.98rem;line-height:1.44}.eyebrow{margin-bottom:11px;font-size:.62rem}.hero-photo{object-position:63% center}.history-photo{object-position:58% center}.identity-photo{object-position:52% center}.people-photo{object-position:53% center}.member-photo{object-position:56% center}.tasks-photo{object-position:54% center}
  .slide-shade,.hero-shade,.identity-shade,.member-shade,.tasks-shade{background:linear-gradient(0deg,rgba(3,6,8,.98) 0%,rgba(3,6,8,.78) 48%,rgba(3,6,8,.12) 100%)}
  .slide-index{top:18px;right:16px;bottom:auto}.member-cards,.task-cards{grid-template-columns:1fr;gap:10px;margin-top:18px}.action-card{min-height:76px;padding:13px 14px;border-radius:14px}.action-card strong{font-size:.94rem}.action-card small{font-size:.72rem}.card-icon{width:42px;height:42px}.card-icon svg{width:20px;height:20px}.help-inline{margin-top:16px}.back-home{margin-top:16px}
  .deck-controls{bottom:max(10px,env(safe-area-inset-bottom));gap:7px}.deck-arrow{width:32px;height:32px}.deck-dots{gap:5px}.deck-dots button.is-active{width:20px}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.slide-photo{transform:none!important}}


/* ===== RC15 · interacción con propósito ===== */
.discovery-tabs,.photo-switcher{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:24px}
.discovery-tabs button,.photo-switcher button{min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(5,10,13,.48);color:#cbd2d5;font-size:.74rem;font-weight:850;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}
.discovery-tabs button:hover,.photo-switcher button:hover,.discovery-tabs button:focus-visible,.photo-switcher button:focus-visible{border-color:rgba(255,107,0,.7);color:#fff}
.discovery-tabs button.is-active,.photo-switcher button.is-active{border-color:rgba(255,107,0,.9);background:rgba(255,107,0,.12);color:#fff;box-shadow:0 0 18px rgba(255,107,0,.10)}
.discovery-detail{max-width:590px!important;margin-top:14px!important;color:#cfd6d9!important;font-size:.86rem!important;line-height:1.5!important}
.slide-people .slide-photo.is-switching{opacity:.42;transform:scale(1.018)}
.slide-people .slide-photo{transition:opacity .25s ease,transform .75s cubic-bezier(.2,.8,.2,1),filter .7s ease}
.slide-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);color:#aeb7bc;font-size:.68rem}
.slide-footer>span{color:#f0f2f3;font-weight:850}.slide-footer nav{display:flex;gap:10px}.slide-footer a{color:#d4dadd}.slide-footer a:hover,.slide-footer a:focus-visible{color:var(--orange)}.slide-footer small{flex-basis:100%;font-size:.65rem;color:#8f999e}
@media(max-width:640px){.discovery-tabs,.photo-switcher{margin-top:16px;gap:6px}.discovery-tabs button,.photo-switcher button{min-height:34px;padding:0 11px;font-size:.66rem}.discovery-detail{margin-top:10px!important;font-size:.74rem!important;line-height:1.4!important}.slide-footer{margin-top:13px;padding-top:10px;gap:8px}.slide-footer small{display:none}}


/* RC16 — pulido de legibilidad y jerarquía */
.slide-history .slide-shade,.slide-people .slide-shade{background:linear-gradient(90deg,rgba(3,6,8,.86) 0%,rgba(3,6,8,.60) 38%,rgba(3,6,8,.11) 72%),linear-gradient(0deg,rgba(3,6,8,.61),transparent 54%)}
.slide-identity .identity-shade{background:linear-gradient(90deg,rgba(3,6,8,.87) 0%,rgba(3,6,8,.63) 42%,rgba(3,6,8,.14) 72%),linear-gradient(0deg,rgba(3,6,8,.60),transparent 56%)}

/* Interacciones de Identidad / Nuestra gente */
.discovery-tabs button.is-active,.photo-switcher button.is-active{border-color:rgba(255,107,0,1);background:rgba(255,107,0,.18);color:#fff;box-shadow:0 0 0 1px rgba(255,107,0,.12),0 0 22px rgba(255,107,0,.20),inset 0 0 16px rgba(255,107,0,.05)}
.discovery-detail{max-width:620px!important;margin-top:15px!important;color:#e6ebed!important;font-size:.96rem!important;line-height:1.55!important}

/* Trámites: evitar truncados y dar aire */
.slide-tasks .functional-copy{width:min(920px,68vw)}
.task-cards{grid-template-columns:repeat(3,minmax(0,1fr));width:min(920px,100%);gap:16px}
.task-cards .action-card{min-height:112px;padding:18px 18px}
.task-cards .action-card span:nth-child(2){align-content:center}
.task-cards .action-card small{white-space:normal;overflow:visible;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.35;min-height:2.2em}

/* Footer de cierre más legible */
.slide-footer{gap:14px;margin-top:22px;padding-top:17px;font-size:.79rem}
.slide-footer>span{font-size:.79rem}
.slide-footer nav{gap:13px}.slide-footer small{font-size:.72rem;color:#a8b1b5}

/* Paginador más compacto y mejor separado */
.deck-controls{gap:6px;padding:6px 8px}
.deck-arrow{width:30px;height:30px}
.deck-dots{gap:6px;padding:0 10px;border-left:1px solid rgba(255,255,255,.10);border-right:1px solid rgba(255,255,255,.10)}
.deck-dots button.is-active{width:22px}

@media(max-width:980px){
  .slide-tasks .functional-copy{width:min(860px,88vw)}
  .task-cards{width:min(860px,100%);gap:12px}
}
@media(max-width:760px){
  .task-cards{grid-template-columns:1fr;gap:10px}
  .task-cards .action-card{min-height:76px;padding:12px 14px}
  .task-cards .action-card small{min-height:auto;-webkit-line-clamp:2;line-clamp:2}
}
@media(max-width:640px){
  .discovery-detail{margin-top:11px!important;font-size:.82rem!important;line-height:1.45!important}
  .slide-footer{font-size:.72rem;margin-top:14px;padding-top:11px}.slide-footer>span{font-size:.72rem}.slide-footer small{display:none}
  .deck-controls{gap:4px;padding:5px 7px}.deck-arrow{width:28px;height:28px}.deck-dots{gap:5px;padding:0 8px}.deck-dots button.is-active{width:18px}
}


/* RC17 — ajuste fino de marca y respiración */
.brand-text small{font-size:.58rem;letter-spacing:.24em}
.slide-member .functional-copy,.slide-tasks .functional-copy{bottom:clamp(38px,6.5vh,70px)}
@media(max-width:980px){
  .brand-text small{font-size:.54rem;letter-spacing:.22em}
  .slide-member .functional-copy,.slide-tasks .functional-copy{bottom:58px}
}
@media(max-width:640px){
  .slide-member .functional-copy,.slide-tasks .functional-copy{bottom:76px}
}


/* RC18 — narrativa institucional aprobada */
.narrative-copy{width:min(780px,58vw)}
.narrative-copy h2{font-size:clamp(2.65rem,4.7vw,5.25rem);line-height:.95}
.narrative-block{display:grid;gap:10px;margin-top:20px;max-width:700px}
.narrative-block p{margin:0;color:#e5eaec;font-size:clamp(.88rem,1.06vw,1.02rem);line-height:1.48;text-wrap:pretty}
.narrative-block .narrative-emphasis{margin-top:3px;color:#fff;font-weight:850}
.narrative-block .narrative-closing{margin-top:3px;color:#fff;font-weight:900}
.identity-copy .discovery-tabs{margin-top:17px}
.identity-copy .discovery-detail{margin-top:10px!important;max-width:660px!important;font-size:.88rem!important;line-height:1.44!important}
.people-lead{margin-top:18px!important;font-size:clamp(1rem,1.25vw,1.18rem)!important}.people-lead strong{color:#fff}
.people-copy .photo-switcher{margin-top:18px}
.people-detail{display:grid;gap:6px;max-width:690px;margin-top:12px;padding:13px 15px;border-left:3px solid var(--orange);border-radius:0 10px 10px 0;background:linear-gradient(90deg,rgba(6,11,14,.70),rgba(6,11,14,.18));-webkit-backdrop-filter:blur(5px)}
.people-detail>strong{color:#fff;backdrop-filter:blur(5px)}
.people-detail>strong{color:#fff;font-size:.93rem}.people-detail p{margin:0;color:#d6dde0;font-size:.80rem;line-height:1.42;text-wrap:pretty}.people-detail>b{color:#fff;font-size:.80rem;line-height:1.4}
.tasks-intro{margin-top:16px!important;font-size:.96rem!important;max-width:630px!important}
.slide-member .functional-copy h2,.slide-tasks .functional-copy h2{font-size:clamp(2.45rem,4.35vw,4.9rem)}
@media(max-height:820px) and (min-width:641px){
  .narrative-copy{bottom:58px;width:min(800px,61vw)}
  .narrative-copy h2{font-size:clamp(2.35rem,4.25vw,4.65rem)}
  .narrative-block{gap:7px;margin-top:14px}.narrative-block p{font-size:.83rem;line-height:1.38}
  .identity-copy .discovery-tabs,.people-copy .photo-switcher{margin-top:12px}
  .identity-copy .discovery-detail{font-size:.78rem!important;line-height:1.35!important;margin-top:7px!important}
  .people-lead{margin-top:12px!important;font-size:.94rem!important}
  .people-detail{margin-top:8px;padding:10px 13px;gap:4px}.people-detail>strong{font-size:.86rem}.people-detail p,.people-detail>b{font-size:.72rem;line-height:1.33}
}
@media(max-width:640px){
  .narrative-copy{width:auto}.narrative-copy h2{font-size:clamp(2.15rem,10vw,3.35rem)}
  .narrative-block{gap:7px;margin-top:13px}.narrative-block p{font-size:.82rem;line-height:1.36}
  .identity-story p:nth-child(2){display:none}.identity-copy .discovery-detail{font-size:.74rem!important;line-height:1.36!important}
  .people-lead{font-size:.90rem!important;margin-top:11px!important}.people-detail{padding:10px 11px;margin-top:8px;gap:4px}.people-detail>strong{font-size:.82rem}.people-detail p,.people-detail>b{font-size:.69rem;line-height:1.32}
  .people-detail p:nth-of-type(2){display:none}
  .slide-member .functional-copy h2,.slide-tasks .functional-copy h2{font-size:clamp(2.15rem,9.6vw,3.3rem)}
  .tasks-intro{font-size:.82rem!important;margin-top:10px!important}
}

/* =========================================================
   RC19 — PREMIUM PRODUCT PASS
   Direction, hierarchy, motion, adaptive states and finish
   ========================================================= */
:root{
  --header-h:88px;
  --content-left:clamp(56px,6.25vw,104px);
  --content-right:clamp(48px,5.2vw,88px);
  --content-max:800px;
  --ease-premium:cubic-bezier(.22,.72,.2,1);
}

/* Loading / connectivity */
.site-loader{position:fixed;z-index:2000;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;background:#05090c;color:#fff;opacity:1;visibility:visible;transition:opacity .42s ease,visibility .42s ease}.site-loader img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(255,107,0,.18))}.site-loader>div{display:grid;justify-items:center;gap:4px}.site-loader strong{font-size:1.02rem;font-weight:950}.site-loader div span{font-size:.64rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:var(--orange)}.site-loader i{display:block;width:122px;height:2px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.10)}.site-loader i::after{content:"";display:block;width:42%;height:100%;border-radius:inherit;background:var(--orange);animation:loaderSweep 1.05s var(--ease-premium) infinite}.is-ready .site-loader{opacity:0;visibility:hidden;pointer-events:none}@keyframes loaderSweep{0%{transform:translateX(-115%)}100%{transform:translateX(340%)}}
.connection-status{position:fixed;z-index:1500;right:18px;top:calc(var(--header-h) + 14px);max-width:min(360px,calc(100vw - 36px));padding:10px 13px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(7,12,15,.93);color:#e8edef;font-size:.78rem;font-weight:760;box-shadow:0 12px 34px rgba(0,0,0,.30);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transform:translateY(-8px);pointer-events:none;transition:.24s ease}.connection-status.is-visible{opacity:1;transform:none}.connection-status.is-offline{border-color:rgba(255,107,0,.50)}

/* Header / brand */
.home-header{padding:0 32px;grid-template-columns:minmax(300px,1fr) auto minmax(160px,1fr);border-bottom-color:rgba(255,255,255,.09);background:rgba(5,9,12,.94);box-shadow:0 1px 0 rgba(255,255,255,.02)}
.brand{gap:16px}.brand img{width:56px;height:56px;filter:drop-shadow(0 0 12px rgba(255,107,0,.16))}.brand-text{gap:4px}.brand-text strong{font-size:1.08rem;letter-spacing:-.02em}.brand-text small{font-size:.58rem;letter-spacing:.24em;color:#ff7915}
.top-nav{gap:8px}.top-nav a{padding:12px 10px;color:#9ea8ad;font-size:.88rem;font-weight:720;letter-spacing:-.01em}.top-nav a::after{left:50%;right:auto;bottom:5px;width:calc(100% - 20px);height:2px;transform:translateX(-50%) scaleX(0);transform-origin:center}.top-nav a:hover,.top-nav a:focus-visible{color:#eef2f3}.top-nav a.is-active{color:#fff}.top-nav a.is-active::after{transform:translateX(-50%) scaleX(1)}

/* Editorial grid & type */
.slide-copy{left:var(--content-left);bottom:clamp(58px,8.5vh,94px);width:min(var(--content-max),calc(100vw - var(--content-left) - var(--content-right)));opacity:0;transform:translateY(18px);transition:opacity .38s ease .08s,transform .46s var(--ease-premium) .08s}.slide.is-current .slide-copy{opacity:1;transform:none}
.slide-copy h2,.hero-copy h1{letter-spacing:-.038em;line-height:.96}.slide-copy h2{font-size:clamp(3.25rem,4.8vw,4.9rem);max-width:780px}.hero-copy h1{font-size:clamp(3.75rem,5.2vw,5.8rem);max-width:760px}.eyebrow{margin-bottom:18px;font-size:.82rem;letter-spacing:.15em;font-weight:880}.slide-copy>p:not(.eyebrow),.people-lead{max-width:68ch;font-size:clamp(1.06rem,1.28vw,1.28rem)!important;line-height:1.46!important;color:#f0f3f4}.narrative-copy{width:min(800px,54vw)}.narrative-block{max-width:68ch;margin-top:22px;gap:12px}.narrative-block p{font-size:clamp(1rem,1.08vw,1.08rem);line-height:1.52;color:#e4e9eb}.narrative-emphasis,.narrative-closing{font-size:clamp(1.05rem,1.18vw,1.18rem)!important;line-height:1.45!important}
.narrative-closing{display:flex;flex-wrap:wrap;gap:.15em .42em}.narrative-closing span{display:inline-block}.narrative-closing span:not(:last-child)::after{content:"";display:inline-block;width:4px;height:4px;margin-left:.42em;vertical-align:.20em;border-radius:50%;background:var(--orange)}

/* Photographic direction */
.slide-history .slide-shade{background:linear-gradient(90deg,rgba(4,7,9,.94) 0%,rgba(4,7,9,.79) 30%,rgba(4,7,9,.34) 56%,rgba(4,7,9,.07) 100%),linear-gradient(0deg,rgba(4,7,9,.56) 0%,transparent 38%)}
.slide-identity .identity-shade{background:linear-gradient(90deg,rgba(4,7,9,.92) 0%,rgba(4,7,9,.75) 31%,rgba(4,7,9,.28) 57%,rgba(4,7,9,.05) 100%),linear-gradient(0deg,rgba(4,7,9,.54) 0%,transparent 39%)}
.slide-people .slide-shade{background:linear-gradient(90deg,rgba(4,7,9,.89) 0%,rgba(4,7,9,.70) 30%,rgba(4,7,9,.24) 55%,rgba(4,7,9,.04) 100%),linear-gradient(0deg,rgba(4,7,9,.50) 0%,transparent 40%)}
.member-shade,.tasks-shade{background:linear-gradient(90deg,rgba(4,7,9,.95) 0%,rgba(4,7,9,.78) 34%,rgba(4,7,9,.29) 62%,rgba(4,7,9,.08) 100%),linear-gradient(0deg,rgba(4,7,9,.60),transparent 44%)}
.slide-photo{transition:opacity .38s ease,transform 1s var(--ease-premium),filter .38s ease}.slide.is-current .slide-photo{transform:scale(1)}.slide:not(.is-current) .slide-photo{transform:scale(1.018)}.slide-photo.is-switching{opacity:.35;filter:blur(4px)}.slide-photo.is-failed{opacity:.18;filter:grayscale(.4)}

/* Staggered chapter entrance */
.slide-copy>*{opacity:0;transform:translateY(12px);transition:opacity .36s ease,transform .44s var(--ease-premium)}.slide.is-current .slide-copy>*{opacity:1;transform:none}.slide.is-current .slide-copy>*:nth-child(1){transition-delay:.08s}.slide.is-current .slide-copy>*:nth-child(2){transition-delay:.14s}.slide.is-current .slide-copy>*:nth-child(3){transition-delay:.20s}.slide.is-current .slide-copy>*:nth-child(4){transition-delay:.26s}.slide.is-current .slide-copy>*:nth-child(5){transition-delay:.32s}.slide.is-current .slide-copy>*:nth-child(6){transition-delay:.38s}
.hero-mark{width:96px;height:96px;margin-bottom:26px}.slide.is-current .hero-mark{animation:heroMarkIn .55s var(--ease-premium) both .06s}@keyframes heroMarkIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}

/* History progressive discovery */
.history-copy{max-width:800px}.history-intro{max-width:63ch}.story-reveal{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:0;border:0;background:transparent;color:#fff;font-size:.94rem;font-weight:850;cursor:pointer}.story-reveal span{color:var(--orange);transition:transform .22s ease}.story-reveal[aria-expanded="true"] span{transform:rotate(180deg)}.story-reveal:hover,.story-reveal:focus-visible{color:#ffb57d}.history-more{max-width:66ch;margin-top:16px;padding:17px 19px;border-left:2px solid var(--orange);border-radius:0 12px 12px 0;background:linear-gradient(90deg,rgba(8,13,16,.72),rgba(8,13,16,.14));-webkit-backdrop-filter:blur(6px)}.history-more[hidden]{display:none}.history-more p{margin:0;backdrop-filter:blur(6px)}.history-more[hidden]{display:none}.history-more p{margin:0;color:#dce3e5;font-size:1rem;line-height:1.52}.history-more p+p{margin-top:11px}.history-more .narrative-emphasis{color:#fff;font-weight:850}

/* Identity interaction teaches identity */
.identity-copy{width:min(790px,54vw)}.identity-copy .discovery-tabs{margin-top:22px}.discovery-tabs,.photo-switcher{gap:10px}.discovery-tabs button,.photo-switcher button{min-height:42px;padding:0 16px;border-color:rgba(255,255,255,.20);background:rgba(5,10,13,.54);font-size:.79rem;font-weight:820}.discovery-tabs button.is-active,.photo-switcher button.is-active{background:rgba(255,107,0,.14);box-shadow:0 0 0 1px rgba(255,107,0,.12),0 0 24px rgba(255,107,0,.15)}.identity-discovery-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;max-width:700px;margin-top:15px;padding:14px 16px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(5,10,13,.55);-webkit-backdrop-filter:blur(8px)}.identity-visual{min-width:148px;backdrop-filter:blur(8px)}.identity-visual{min-width:148px;display:grid;align-content:center;gap:3px;min-height:58px;padding-right:18px;border-right:1px solid rgba(255,255,255,.11)}.identity-visual strong{font-size:1rem;color:#fff}.identity-visual small{font-size:.58rem;letter-spacing:.20em;text-transform:uppercase;color:var(--orange);font-weight:900}.identity-visual .color-swatches{display:flex;align-items:center;gap:8px}.identity-visual .swatch{width:30px;height:30px;border:1px solid rgba(255,255,255,.18);border-radius:8px;box-shadow:0 5px 18px rgba(0,0,0,.18)}.identity-visual .swatch.orange{background:#ff6b00}.identity-visual .swatch.black{background:#080b0d}.identity-visual img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,107,0,.14))}.identity-discovery-card .discovery-detail{margin:0!important;max-width:none!important;font-size:.91rem!important;line-height:1.48!important;color:#e7ecee!important}

/* People: one compact active story at a time */
.people-copy{width:min(780px,53vw)}.people-copy .photo-switcher{margin-top:20px}.people-detail{max-width:700px;margin-top:14px;padding:16px 18px;gap:7px;border-left:2px solid var(--orange);background:linear-gradient(90deg,rgba(6,11,14,.72),rgba(6,11,14,.10));border-radius:0 13px 13px 0}.people-detail>strong{font-size:1rem}.people-detail p,.people-detail>b{font-size:.91rem;line-height:1.46}.people-detail>b{margin-top:2px}

/* Functional product presentation */
.functional-copy{width:min(900px,60vw)}.slide-member .functional-copy h2,.slide-tasks .functional-copy h2{font-size:clamp(3rem,4.4vw,4.6rem);max-width:850px}.primary-actions{margin-top:24px}.button{min-height:52px;padding:0 22px;border-radius:12px}.button-primary{box-shadow:0 8px 26px rgba(255,107,0,.16);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.button-primary:hover,.button-primary:focus-visible{transform:translateY(-2px);box-shadow:0 12px 34px rgba(255,107,0,.22)}.button-primary:active{transform:scale(.985)}
.action-cards{gap:14px;margin-top:24px}.member-cards{width:min(820px,100%)}.task-cards{width:min(1020px,100%);gap:16px}.action-card{position:relative;min-height:104px;background:rgba(7,12,15,.72);border-color:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform .20s var(--ease-premium),border-color .20s ease,background .20s ease,box-shadow .20s ease}.action-card:hover,.action-card:focus-visible{transform:translateY(-3px);border-color:rgba(255,107,0,.68);background:rgba(12,18,21,.84);box-shadow:0 12px 32px rgba(0,0,0,.22),0 0 0 1px rgba(255,107,0,.08)}.action-card:active{transform:translateY(0) scale(.985)}.card-icon{width:52px;height:52px;color:#ff8324;background:radial-gradient(circle at 50% 45%,rgba(255,145,52,.15),rgba(255,107,0,.06) 54%,rgba(255,107,0,.015) 100%);box-shadow:inset 0 0 0 1px rgba(255,205,168,.05),0 0 8px rgba(255,107,0,.08);transition:box-shadow .20s ease,background .20s ease,color .20s ease,transform .20s var(--ease-premium)}.action-card:hover .card-icon,.action-card:focus-visible .card-icon{color:#ff9a4d;background:radial-gradient(circle at 50% 45%,rgba(255,153,58,.30),rgba(255,107,0,.12) 54%,rgba(255,107,0,.03) 100%);box-shadow:inset 0 0 0 1px rgba(255,205,168,.08),0 0 15px rgba(255,107,0,.26),0 0 32px rgba(255,107,0,.12);transform:scale(1.03)}.action-card b{transition:transform .20s var(--ease-premium),color .2s ease}.action-card:hover b,.action-card:focus-visible b{transform:translateX(4px);color:#ff9a4d}.action-card strong{font-size:1.02rem}.action-card small{font-size:.82rem;line-height:1.4;color:#b9c1c5}.task-cards .action-card{padding-top:22px}.task-cards .action-card::before{content:attr(data-step);position:absolute;top:10px;right:15px;color:rgba(255,107,0,.56);font-size:.62rem;font-weight:900;letter-spacing:.12em}.tasks-intro{margin-top:16px!important;font-size:1rem!important}

/* Footer */
.slide-footer{margin-top:24px;padding-top:18px;gap:16px;font-size:.82rem}.slide-footer>span{font-size:.82rem}.slide-footer nav{gap:15px}.slide-footer small{font-size:.74rem;letter-spacing:.01em}.slide-footer a{transition:color .18s ease}

/* Narrative chapter control */
.deck-controls{bottom:max(18px,env(safe-area-inset-bottom));gap:4px;min-height:48px;padding:4px 6px;border-color:rgba(255,255,255,.13);background:rgba(5,9,12,.84);box-shadow:0 14px 40px rgba(0,0,0,.20)}.deck-arrow{width:40px;height:40px;font-size:.96rem}.deck-dots{gap:7px;padding:0 8px}.deck-dots button{width:6px;height:6px;background:#69747a}.deck-dots button.is-active{width:28px;background:var(--orange)}.deck-chapter{min-width:78px;padding:0 10px;border-left:1px solid rgba(255,255,255,.10);color:#aeb8bd;font-size:.66rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.slide-index{right:var(--content-right);bottom:30px}

/* Focus and explicit states */
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.action-card:focus-visible,.button:focus-visible,.discovery-tabs button:focus-visible,.photo-switcher button:focus-visible{outline:2px solid #ff9a4d;outline-offset:3px}

/* Short desktop screens: preserve hierarchy without tiny text */
@media(max-height:820px) and (min-width:641px){
  .slide-copy{bottom:48px}.slide-copy h2{font-size:clamp(2.7rem,4.2vw,4.25rem)}.hero-copy h1{font-size:clamp(3.1rem,4.6vw,4.9rem)}.eyebrow{margin-bottom:12px}.narrative-block{margin-top:14px}.narrative-block p{font-size:.94rem}.history-more{padding:12px 15px;margin-top:11px}.history-more p{font-size:.90rem}.discovery-tabs,.photo-switcher{margin-top:13px!important}.identity-discovery-card{margin-top:10px;padding:10px 12px}.people-detail{padding:11px 14px;margin-top:9px}.people-detail p,.people-detail>b{font-size:.80rem}.action-cards{margin-top:18px}.action-card{min-height:88px;padding:13px 15px}.card-icon{width:44px;height:44px}.primary-actions{margin-top:18px}.slide-footer{margin-top:15px;padding-top:12px}.deck-controls{bottom:10px}.slide-index{bottom:20px}
}

/* Tablet */
@media(max-width:980px){
  :root{--header-h:70px;--content-left:28px;--content-right:28px}.home-header{padding:0 18px}.brand img{width:46px;height:46px}.brand-text strong{font-size:.96rem}.brand-text small{font-size:.54rem}.top-nav{top:var(--header-h)}.slide-copy{left:var(--content-left);right:auto;bottom:72px;width:min(760px,calc(100vw - 56px))}.narrative-copy,.identity-copy,.people-copy,.functional-copy{width:min(760px,calc(100vw - 56px))}.slide-copy h2{font-size:clamp(2.7rem,7vw,4.5rem)}.identity-discovery-card{max-width:680px}.slide-index{right:22px}.deck-chapter{display:none}
}

/* Mobile: horizontal chapters, normal internal vertical scroll */
@media(max-width:640px){
  :root{--header-h:64px;--content-left:20px;--content-right:20px}.home-header{padding:0 14px}.brand{gap:10px}.brand img{width:42px;height:42px}.brand-text strong{font-size:.90rem}.brand-text small{display:none}.slide-deck{align-items:stretch}.slide{display:flex;align-items:flex-end;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.slide::-webkit-scrollbar{display:none}.slide-copy{position:relative;left:auto;right:auto;bottom:auto;width:100%!important;max-width:none;margin-top:auto;padding:34vh 20px 92px;transform:none}.slide-copy h2{font-size:clamp(2.55rem,11vw,3.75rem);line-height:.96}.hero-copy h1{font-size:clamp(2.75rem,12vw,4.1rem)}.hero-mark{width:68px;height:68px;margin-bottom:18px}.eyebrow{font-size:.70rem;margin-bottom:12px}.slide-copy>p:not(.eyebrow),.people-lead{font-size:1rem!important;line-height:1.46!important}.slide-shade,.hero-shade,.identity-shade,.member-shade,.tasks-shade,.slide-history .slide-shade,.slide-people .slide-shade{background:linear-gradient(0deg,rgba(3,6,8,.98) 0%,rgba(3,6,8,.82) 42%,rgba(3,6,8,.20) 72%,rgba(3,6,8,.05) 100%)}.history-more{padding:14px 15px}.identity-discovery-card{grid-template-columns:1fr;gap:11px;padding:13px}.identity-visual{min-width:0;min-height:auto;padding:0 0 10px;border-right:0;border-bottom:1px solid rgba(255,255,255,.10)}.narrative-closing{display:grid;gap:2px}.narrative-closing span:not(:last-child)::after{display:none}.people-detail{padding:14px 15px}.people-detail p,.people-detail>b{font-size:.84rem;line-height:1.44}.people-detail p:nth-of-type(2){display:block}.member-cards,.task-cards{grid-template-columns:1fr;gap:10px}.action-card,.task-cards .action-card{min-height:78px;padding:12px 14px}.card-icon{width:42px;height:42px}.action-card strong{font-size:.95rem}.action-card small{font-size:.75rem}.task-cards .action-card::before{top:8px;right:11px}.slide-footer{font-size:.74rem}.slide-footer>span{font-size:.74rem}.slide-footer small{display:block;font-size:.68rem}.slide-index{top:16px;right:16px;bottom:auto}.deck-controls{bottom:max(10px,env(safe-area-inset-bottom));min-height:44px}.deck-arrow{width:36px;height:36px}.deck-dots{padding:0 6px;gap:5px}.deck-dots button.is-active{width:20px}.connection-status{top:calc(var(--header-h) + 10px);right:12px;left:12px;max-width:none}
}

@media(prefers-reduced-motion:reduce){.site-loader i::after{animation:none}.slide-copy>*{transition:none!important}.slide.is-current .hero-mark{animation:none!important}.slide-photo{transform:none!important}.action-card,.card-icon,.deck-dots button{transition:none!important}}
.action-card.is-pressed,.button.is-pressed,.discovery-tabs button.is-pressed,.photo-switcher button.is-pressed{transform:scale(.985)!important}
.slide.has-image-error{background:radial-gradient(circle at 70% 30%,rgba(255,107,0,.08),transparent 38%),#0a0f12}


/* RC20 · ajuste fino Mi CHFC + Trámites */
.slide-member .functional-copy{bottom:clamp(32px,5.8vh,62px)}
.slide-member .primary-actions{margin-top:26px}
.slide-member .member-cards{margin-top:36px}
.slide-member .action-card small{color:#c7d0d5}
.slide-member .action-card .card-icon{box-shadow:inset 0 0 0 1px rgba(255,205,168,.04),0 0 6px rgba(255,107,0,.06)}
.slide-member .action-card:hover .card-icon,.slide-member .action-card:focus-visible .card-icon{box-shadow:inset 0 0 0 1px rgba(255,205,168,.08),0 0 18px rgba(255,107,0,.24),0 0 36px rgba(255,107,0,.14)}
.slide-tasks .task-cards{margin-top:28px;gap:24px}
.slide-tasks .action-card small{font-size:.86rem;color:#c6cfd4}
.slide-tasks .action-card::before{color:rgba(255,107,0,.40)}
.slide-tasks .help-inline{margin-top:34px;gap:16px}
.slide-tasks .back-home{margin-top:18px}
.slide-tasks .slide-footer{margin-top:44px;padding-top:24px}
.slide-tasks .slide-footer>span{font-size:.89rem;font-weight:900}
.slide-tasks .slide-footer small{font-size:.75rem;color:#b0b8bc}
@media(max-height:820px) and (min-width:641px){
  .slide-member .functional-copy{bottom:44px}
  .slide-member .member-cards{margin-top:28px}
  .slide-tasks .task-cards{margin-top:22px;gap:18px}
  .slide-tasks .help-inline{margin-top:24px}
  .slide-tasks .slide-footer{margin-top:28px;padding-top:16px}
}
@media(max-width:980px){
  .slide-member .member-cards{margin-top:28px}
  .slide-tasks .task-cards{gap:16px}
  .slide-tasks .help-inline{margin-top:26px}
  .slide-tasks .slide-footer{margin-top:28px;padding-top:18px}
}
@media(max-width:640px){
  .slide-member .member-cards{margin-top:20px}
  .slide-tasks .task-cards{margin-top:18px;gap:10px}
  .slide-tasks .action-card small{font-size:.75rem}
  .slide-tasks .help-inline{margin-top:18px}
  .slide-tasks .slide-footer{margin-top:18px;padding-top:12px}
  .slide-tasks .slide-footer>span{font-size:.74rem}
}


/* RC21 · pulido narrativo Historia / Identidad / Nuestra gente */
.history-copy,.identity-copy,.people-copy{max-width:min(780px,54vw)}
.history-copy .history-intro,.identity-copy .identity-story,.people-detail,.identity-discovery-card{box-shadow:0 18px 48px rgba(0,0,0,.18)}
.history-copy .history-intro,.identity-copy .identity-story{padding:0;max-width:64ch}
.story-reveal{margin-top:22px;min-height:42px;padding:0 16px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(7,11,14,.54);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 0 1px rgba(255,255,255,.02) inset;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease,color .22s ease}
.story-reveal:hover,.story-reveal:focus-visible{color:#fff;border-color:rgba(255,107,0,.82);background:rgba(255,107,0,.10);box-shadow:0 0 0 1px rgba(255,107,0,.10),0 0 22px rgba(255,107,0,.14)}
.story-reveal span{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,107,0,.12)}
.history-more{max-width:61ch;margin-top:14px;padding:16px 18px 16px 18px;border-left:2px solid var(--orange);border-radius:0 14px 14px 0;background:linear-gradient(90deg,rgba(8,13,16,.78),rgba(8,13,16,.26));-webkit-backdrop-filter:blur(7px)}
.history-more p{font-size:.98rem;backdrop-filter:blur(7px)}
.history-more p{font-size:.98rem;line-height:1.5}
.history-more .narrative-emphasis{font-size:1.08rem!important;line-height:1.42!important}
.identity-story .narrative-closing{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.identity-story .narrative-closing span{display:inline-flex;align-items:center;gap:12px;font-weight:880;color:#fff}
.identity-story .narrative-closing span:not(:last-child)::after{content:'•';color:rgba(255,107,0,.8);font-size:1rem;line-height:1}
.identity-discovery-card{max-width:720px;margin-top:18px;padding:16px 18px;border-color:rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(8,13,16,.72),rgba(8,13,16,.52))}
.identity-visual{min-width:168px;min-height:64px;padding-right:20px}
.identity-visual strong{font-size:1.04rem;line-height:1.1}
.identity-visual small{font-size:.60rem;letter-spacing:.22em}
.identity-discovery-card .discovery-detail{font-size:.94rem!important;line-height:1.5!important;color:#edf1f2!important}
.people-copy .people-lead{max-width:48ch}
.people-copy .photo-switcher{margin-top:22px}
.people-detail{max-width:760px;margin-top:16px;padding:18px 20px;border-left:2px solid var(--orange);border-radius:0 14px 14px 0;background:linear-gradient(90deg,rgba(7,12,15,.82),rgba(7,12,15,.28));-webkit-backdrop-filter:blur(10px)}
.people-detail>strong{font-size:1.02rem;backdrop-filter:blur(10px)}
.people-detail>strong{font-size:1.02rem;letter-spacing:-.01em}
.people-detail p,.people-detail>b{font-size:.92rem;line-height:1.5}
.people-detail>b{color:#fff}
@media(max-width:1180px){
  .history-copy,.identity-copy,.people-copy{max-width:min(780px,60vw)}
  .history-more,.people-detail,.identity-discovery-card{max-width:680px}
}
@media(max-width:980px){
  .story-reveal{margin-top:16px;min-height:38px;padding:0 14px;font-size:.86rem}
  .history-more{margin-top:11px;padding:13px 15px}
  .history-more p{font-size:.90rem}
  .history-more .narrative-emphasis{font-size:.98rem!important}
  .identity-story .narrative-closing{gap:8px}
  .identity-discovery-card{margin-top:12px;padding:12px 14px}
  .people-detail{margin-top:11px;padding:14px 15px}
  .people-detail p,.people-detail>b,.identity-discovery-card .discovery-detail{font-size:.82rem!important}
}
@media(max-width:640px){
  .story-reveal{width:auto;min-height:36px;padding:0 12px;font-size:.78rem}
  .story-reveal span{width:16px;height:16px}
  .history-more{padding:12px 13px}
  .history-more p{font-size:.84rem}
  .history-more .narrative-emphasis{font-size:.90rem!important}
  .identity-story .narrative-closing{display:grid;gap:2px}
  .identity-story .narrative-closing span{gap:0}
  .identity-story .narrative-closing span::after{display:none!important}
  .identity-discovery-card{grid-template-columns:1fr;gap:10px}
  .identity-visual{min-width:0;padding:0 0 10px;border-right:0;border-bottom:1px solid rgba(255,255,255,.10)}
  .people-detail{padding:13px 14px}
  .people-detail>strong{font-size:.88rem}
  .people-detail p,.people-detail>b,.identity-discovery-card .discovery-detail{font-size:.80rem!important;line-height:1.42!important}
}

/* RC22 · Nuestra gente / Familia menos tosca y más cálida */
.people-copy .photo-switcher{gap:10px}
.people-copy .photo-switcher button{min-height:40px;padding:0 16px;border-color:rgba(255,255,255,.14);background:rgba(7,11,14,.44);font-size:.78rem;font-weight:820;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.people-copy .photo-switcher button:hover,.people-copy .photo-switcher button:focus-visible{border-color:rgba(255,107,0,.78);background:rgba(255,107,0,.08);color:#fff}
.people-copy .photo-switcher button.is-active{border-color:rgba(255,107,0,.90);background:linear-gradient(180deg,rgba(255,107,0,.18),rgba(255,107,0,.08));box-shadow:0 8px 24px rgba(255,107,0,.14),inset 0 0 0 1px rgba(255,255,255,.03)}
.people-detail{display:grid;gap:10px;max-width:720px;margin-top:18px;padding:18px 20px 17px;border:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,107,0,.72);border-radius:18px;background:linear-gradient(135deg,rgba(8,12,15,.82),rgba(12,17,21,.54));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 44px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05)}
.people-detail>strong{font-size:1.04rem;line-height:1.24;letter-spacing:-.015em;color:#fff}
.people-detail p{margin:0;max-width:62ch;color:#dce3e7;font-size:.91rem;line-height:1.56;text-wrap:pretty}
.people-detail b{margin-top:2px;color:#fff;font-size:.94rem;line-height:1.5}
@media(max-width:980px){
  .people-copy .photo-switcher button{min-height:38px;padding:0 14px;font-size:.74rem}
  .people-detail{max-width:680px;margin-top:14px;padding:15px 16px;border-radius:16px;gap:8px}
  .people-detail>strong{font-size:.94rem}
  .people-detail p,.people-detail b{font-size:.83rem!important;line-height:1.48!important}
}
@media(max-width:640px){
  .people-copy .photo-switcher{gap:8px}
  .people-copy .photo-switcher button{min-height:36px;padding:0 12px;font-size:.70rem}
  .people-detail{margin-top:12px;padding:13px 14px;border-radius:14px;gap:7px}
  .people-detail>strong{font-size:.88rem}
  .people-detail p,.people-detail b{font-size:.80rem!important;line-height:1.42!important}
}


/* RC23 · Nuestra gente: foto protagonista / detalle por encima del grupo */
@media(min-width:981px){
  .slide-people .people-copy{
    width:min(535px,35vw);
    max-width:535px;
    bottom:clamp(104px,12.5vh,142px);
  }
  .slide-people .people-copy h2{
    max-width:520px;
  }
  .slide-people .people-lead{
    max-width:500px;
  }
  .slide-people .photo-switcher{
    margin-top:18px;
  }
  .slide-people .people-detail{
    width:100%;
    max-width:500px;
    margin-top:14px;
    padding:16px 18px 15px;
    gap:8px;
    border:1px solid rgba(255,255,255,.09);
    border-left:1px solid rgba(255,107,0,.76);
    border-radius:16px;
    background:linear-gradient(135deg,rgba(7,11,14,.84),rgba(10,15,18,.64));
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
    box-shadow:0 18px 38px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);
  }
  .slide-people .people-detail>strong{font-size:.98rem;line-height:1.22}
  .slide-people .people-detail p{font-size:.84rem;line-height:1.48;max-width:56ch}
  .slide-people .people-detail b{font-size:.86rem;line-height:1.42}
  .slide-people .slide-shade{
    background:
      linear-gradient(90deg,rgba(3,6,8,.90) 0%,rgba(3,6,8,.73) 25%,rgba(3,6,8,.32) 42%,rgba(3,6,8,.07) 61%,rgba(3,6,8,.02) 100%),
      linear-gradient(0deg,rgba(3,6,8,.40) 0%,transparent 34%);
  }
  .slide-people .people-photo[data-mode="familia"]{object-position:62% 50%}
  .slide-people .people-photo[data-mode="equipo"]{object-position:58% 50%}
  .slide-people .people-photo[data-mode="tribuna"]{object-position:54% 50%}
}
@media(min-width:981px) and (max-width:1280px){
  .slide-people .people-copy{width:min(500px,40vw);max-width:500px;bottom:96px}
  .slide-people .people-detail{max-width:470px;padding:14px 16px}
  .slide-people .people-detail p{font-size:.80rem}
  .slide-people .people-detail b{font-size:.82rem}
  .slide-people .people-photo[data-mode="familia"]{object-position:66% 50%}
}
@media(max-height:820px) and (min-width:981px){
  .slide-people .people-copy{bottom:62px}
  .slide-people .people-copy .photo-switcher{margin-top:12px}
  .slide-people .people-detail{margin-top:10px;padding:12px 14px;gap:6px}
  .slide-people .people-detail>strong{font-size:.90rem}
  .slide-people .people-detail p{font-size:.76rem;line-height:1.40}
  .slide-people .people-detail b{font-size:.78rem}
}


/* RC24 · saneamiento técnico aprobado por auditoría */
.hero-quick-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}
.hero-quick-links a{color:#f1f4f5;font-size:.78rem;font-weight:850;text-decoration:underline;text-decoration-color:rgba(255,107,0,.72);text-underline-offset:4px}
.hero-quick-links a:hover,.hero-quick-links a:focus-visible{color:#fff;text-decoration-color:#ff6b00}
.slide>picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.slide>picture>.slide-photo{position:absolute;inset:0;width:100%;height:100%}
@media(min-width:981px){
  .slide-people .people-copy{width:min(455px,31vw);max-width:455px;bottom:clamp(82px,10vh,118px)}
  .slide-people .people-detail{max-width:420px;padding:12px 14px 11px;gap:6px;background:linear-gradient(135deg,rgba(7,11,14,.72),rgba(10,15,18,.42));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .slide-people .people-detail>strong{font-size:.92rem}
  .slide-people .people-detail p{font-size:.78rem;line-height:1.42}
  .slide-people .people-detail b{font-size:.80rem;line-height:1.38}
  .slide-people .people-photo[data-mode="familia"]{object-position:68% 50%}
}
@media(max-width:640px){.hero-quick-links{gap:10px;margin-top:10px}.hero-quick-links a{font-size:.70rem}}


/* RC25 · ajustes visuales moderados definidos por revisión final */
@media(min-width:981px){
  :root{--header-h:80px}
  .home-header{padding:0 32px;gap:26px}
  .brand{gap:18px}
  .brand img{width:58px;height:58px}
  .brand-text{gap:5px;line-height:1.02}
  .brand-text strong{font-size:1.08rem}
  .brand-text small{font-size:.60rem;line-height:1.15;letter-spacing:.235em}
}
@media(min-width:641px) and (max-width:980px){
  :root{--header-h:70px}
  .home-header{padding:0 20px}
  .brand{gap:13px}
  .brand img{width:48px;height:48px}
  .brand-text{gap:4px}
}
@media(max-width:640px){
  :root{--header-h:66px}
  .home-header{padding:0 14px}
  .brand{gap:11px}
  .brand img{width:44px;height:44px}
}
.identity-visual[data-topic="escudo"]{justify-items:center;align-content:center;text-align:center;min-height:72px}
.identity-visual[data-topic="escudo"] img{width:58px;height:58px;margin:0 auto}
.identity-visual[data-topic="escudo"] small{margin-top:4px;line-height:1.25;text-align:center}
@media(min-width:981px){
  .slide-people[data-people-mode="familia"] .people-copy{top:clamp(34px,5.2vh,62px);bottom:auto;width:min(430px,30vw);max-width:430px}
  .slide-people[data-people-mode="familia"] .people-copy h2{max-width:420px;font-size:clamp(2.75rem,4.0vw,4.35rem)}
  .slide-people[data-people-mode="familia"] .people-lead{max-width:410px}
  .slide-people[data-people-mode="familia"] .photo-switcher{margin-top:14px}
  .slide-people[data-people-mode="familia"] .people-detail{max-width:380px;margin-top:11px;padding:11px 13px 10px;gap:5px;border:0;border-left:2px solid rgba(255,107,0,.84);border-radius:0 12px 12px 0;background:linear-gradient(90deg,rgba(5,9,12,.68),rgba(5,9,12,.24));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:none}
  .slide-people[data-people-mode="familia"] .people-detail>strong{font-size:.90rem;line-height:1.22}
  .slide-people[data-people-mode="familia"] .people-detail p{font-size:.74rem;line-height:1.38;max-width:48ch}
  .slide-people[data-people-mode="familia"] .people-detail b{font-size:.76rem;line-height:1.35}
  .slide-people[data-people-mode="familia"] .slide-shade{background:linear-gradient(90deg,rgba(3,6,8,.86) 0%,rgba(3,6,8,.63) 25%,rgba(3,6,8,.23) 43%,rgba(3,6,8,.04) 62%,rgba(3,6,8,.01) 100%),linear-gradient(0deg,rgba(3,6,8,.26) 0%,transparent 31%)}
  .slide-people .people-photo[data-mode="familia"]{object-position:50% 70%}
}
@media(max-height:820px) and (min-width:981px){
  .slide-people[data-people-mode="familia"] .people-copy{top:24px;bottom:auto;width:min(410px,31vw)}
  .slide-people[data-people-mode="familia"] .people-copy h2{font-size:clamp(2.45rem,3.6vw,3.75rem)}
  .slide-people[data-people-mode="familia"] .photo-switcher{margin-top:10px}
  .slide-people[data-people-mode="familia"] .people-detail{max-width:360px;margin-top:8px;padding:9px 11px 8px;gap:4px}
  .slide-people[data-people-mode="familia"] .people-detail>strong{font-size:.84rem}
  .slide-people[data-people-mode="familia"] .people-detail p{font-size:.69rem;line-height:1.34}
  .slide-people[data-people-mode="familia"] .people-detail b{font-size:.71rem}
}
@media(min-width:981px){
  .slide-member .functional-copy{bottom:clamp(82px,8.8vh,104px)}
  .slide-member .functional-copy h2{font-size:clamp(2.75rem,4.05vw,4.35rem);max-width:820px}
  .slide-member .primary-actions{margin-top:22px}
  .slide-member .button{min-height:48px;padding:0 20px}
  .slide-member .member-cards{margin-top:28px;gap:13px}
  .slide-member .action-card{min-height:96px;padding:15px 17px;border-radius:17px}
  .slide-member .card-icon{width:49px;height:49px;border-radius:15px}
  .slide-member .member-shade{background:linear-gradient(90deg,rgba(4,7,9,.92) 0%,rgba(4,7,9,.71) 34%,rgba(4,7,9,.25) 62%,rgba(4,7,9,.06) 100%),linear-gradient(0deg,rgba(4,7,9,.54),transparent 44%)}
}
@media(min-width:981px){
  .slide-tasks .functional-copy{bottom:clamp(82px,8.8vh,104px)}
  .slide-tasks .functional-copy h2{font-size:clamp(2.90rem,4.2vw,4.45rem);max-width:830px}
  .slide-tasks .task-cards{margin-top:24px;gap:18px}
  .slide-tasks .action-card{min-height:100px;padding:16px 17px;border-radius:17px}
  .slide-tasks .card-icon{width:49px;height:49px;border-radius:15px}
  .slide-tasks .help-inline{margin-top:34px}
  .slide-tasks .back-home{margin-top:24px}
  .slide-tasks .slide-footer{margin-top:48px;padding-top:22px;gap:16px}
  .slide-tasks .slide-footer nav{gap:14px}
  .slide-tasks .slide-footer small{margin-top:4px}
}
.deck-controls{bottom:max(16px,env(safe-area-inset-bottom))}
@media(max-width:980px){
  .slide-member .member-cards,.slide-tasks .task-cards{gap:10px}
  .slide-member .action-card,.slide-tasks .action-card{min-height:74px;padding:11px 13px;border-radius:14px}
  .slide-member .card-icon,.slide-tasks .card-icon{width:42px;height:42px;border-radius:13px}
}
@media(max-width:640px){
  .slide-member .functional-copy h2,.slide-tasks .functional-copy h2{font-size:clamp(2.25rem,9.3vw,3.15rem)}
  .slide-tasks .help-inline{margin-top:20px}
  .slide-tasks .back-home{margin-top:18px}
  .slide-tasks .slide-footer{margin-top:22px;padding-top:13px}
}

/* RC25 · Familia responsive: recuperar ancho útil sin convertir el relato en una tarjeta dominante. */
@media(max-width:980px){
  .slide-people[data-people-mode="familia"] .people-detail{max-width:min(420px,100%);border-left:2px solid rgba(255,107,0,.82);background:linear-gradient(90deg,rgba(5,9,12,.72),rgba(5,9,12,.28));box-shadow:none}
}
@media(max-width:640px){
  .slide-people .people-copy{max-width:none!important}
  .slide-people[data-people-mode="familia"] .people-detail{max-width:min(320px,calc(100vw - 40px));padding:12px 13px;gap:6px;border-radius:0 12px 12px 0}
}
@media(max-width:640px){
  .slide-copy{width:100vw!important;max-width:100vw!important;overflow-x:hidden}
  .slide-copy h2,.people-lead{max-width:calc(100vw - 40px)!important}
}

/* RC27 · Trámites limpio desde RC25: menos panel, más fotografía. */
@media(min-width:981px){
  .slide-tasks .functional-copy{
    top:clamp(30px,4.6vh,48px);
    bottom:auto;
    width:min(545px,40vw);
    max-width:545px;
  }
  .slide-tasks .functional-copy h2{
    max-width:530px;
    font-size:clamp(2.65rem,3.75vw,3.75rem);
    line-height:.94;
    letter-spacing:-.055em;
  }
  .slide-tasks .tasks-intro{
    max-width:500px!important;
    margin-top:16px!important;
    font-size:1.01rem!important;
    line-height:1.42!important;
    color:rgba(244,247,248,.90)!important;
  }
  .slide-tasks .task-cards{
    grid-template-columns:1fr;
    width:min(500px,100%);
    gap:9px;
    margin-top:22px;
  }
  .slide-tasks .action-card{
    position:relative;
    min-height:68px;
    padding:9px 14px 9px 11px;
    gap:13px;
    border-radius:14px;
    border-color:rgba(255,255,255,.13);
    background:linear-gradient(90deg,rgba(7,12,15,.74),rgba(7,12,15,.48));
    -webkit-backdrop-filter:blur(7px);
    backdrop-filter:blur(7px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.10);
  }
  .slide-tasks .action-card:hover,.slide-tasks .action-card:focus-visible{
    transform:translateX(3px);
    border-color:rgba(255,107,0,.72);
    background:linear-gradient(90deg,rgba(13,18,21,.86),rgba(10,15,18,.62));
    box-shadow:0 0 0 1px rgba(255,107,0,.08),0 10px 26px rgba(0,0,0,.16);
  }
  .slide-tasks .card-icon{
    width:42px;
    height:42px;
    border-radius:12px;
    box-shadow:inset 0 0 0 1px rgba(255,205,168,.04),0 0 12px rgba(255,107,0,.10);
  }
  .slide-tasks .card-icon svg{width:22px;height:22px}
  .slide-tasks .action-card span:nth-child(2){gap:2px}
  .slide-tasks .action-card strong{font-size:.92rem;line-height:1.15}
  .slide-tasks .action-card small{font-size:.75rem;line-height:1.25;color:#bac3c8}
  .slide-tasks .action-card b{font-size:.98rem}
  .slide-tasks .action-card::before{
    top:9px;
    right:13px;
    font-size:.53rem;
    letter-spacing:.12em;
    color:rgba(255,107,0,.50);
  }
  .slide-tasks .tasks-meta{
    display:flex;
    align-items:center;
    gap:18px;
    width:min(500px,100%);
    margin-top:18px;
    padding-top:14px;
    border-top:1px solid rgba(255,255,255,.10);
  }
  .slide-tasks .help-inline{
    flex:0 0 auto;
    margin:0;
    gap:8px;
    font-size:.73rem;
    white-space:nowrap;
  }
  .slide-tasks .help-inline a{font-size:.74rem}
  .slide-tasks .tasks-footer{
    flex:1 1 auto;
    min-width:0;
    margin:0;
    padding:0;
    border:0;
    gap:7px;
    justify-content:flex-end;
    flex-wrap:nowrap;
    font-size:.64rem;
    color:#9ea8ad;
  }
  .slide-tasks .tasks-footer>span{
    font-size:.64rem;
    font-weight:800;
    color:#cfd5d8;
    white-space:nowrap;
  }
  .slide-tasks .tasks-footer nav{display:flex;gap:7px;white-space:nowrap}
  .slide-tasks .tasks-footer nav::before{content:'·';color:#69747a}
  .slide-tasks .tasks-footer a{color:#aeb7bc}
  .slide-tasks .tasks-shade{
    background:
      linear-gradient(90deg,rgba(3,6,8,.91) 0%,rgba(3,6,8,.76) 25%,rgba(3,6,8,.43) 41%,rgba(3,6,8,.10) 60%,rgba(3,6,8,.02) 100%),
      linear-gradient(0deg,rgba(3,6,8,.34) 0%,transparent 42%);
  }
  .slide-tasks .tasks-photo{object-position:56% 48%}
  .slide-tasks + .slide-index{pointer-events:none}
}

@media(max-height:820px) and (min-width:981px){
  .slide-tasks .functional-copy{top:22px;width:min(525px,40vw)}
  .slide-tasks .functional-copy h2{font-size:clamp(2.45rem,3.45vw,3.35rem)}
  .slide-tasks .tasks-intro{margin-top:12px!important;font-size:.92rem!important}
  .slide-tasks .task-cards{margin-top:16px;gap:7px;width:min(480px,100%)}
  .slide-tasks .action-card{min-height:62px;padding:7px 12px 7px 10px}
  .slide-tasks .card-icon{width:38px;height:38px}
  .slide-tasks .tasks-meta{width:min(480px,100%);margin-top:13px;padding-top:11px}
}

@media(max-width:980px){
  .slide-tasks .task-cards{grid-template-columns:1fr;max-width:560px}
  .slide-tasks .tasks-meta{display:grid;gap:10px;margin-top:16px;padding-top:13px;border-top:1px solid rgba(255,255,255,.10);max-width:560px}
  .slide-tasks .help-inline{margin:0}
  .slide-tasks .tasks-footer{margin:0;padding:0;border:0;gap:9px}
  .slide-tasks .tasks-footer small{display:none}
}

@media(max-width:640px){
  .slide-tasks .functional-copy h2{font-size:clamp(2.2rem,9.1vw,3rem)}
  .slide-tasks .tasks-intro{margin-top:14px!important}
  .slide-tasks .task-cards{margin-top:16px;gap:8px}
  .slide-tasks .action-card{min-height:66px;padding:9px 12px;gap:11px}
  .slide-tasks .card-icon{width:39px;height:39px}
  .slide-tasks .action-card strong{font-size:.88rem}
  .slide-tasks .action-card small{font-size:.72rem}
  .slide-tasks .tasks-meta{margin-top:14px;padding-top:12px;gap:9px}
  .slide-tasks .help-inline{font-size:.74rem}
  .slide-tasks .tasks-footer{display:flex;align-items:center;gap:7px;font-size:.66rem;flex-wrap:wrap}
  .slide-tasks .tasks-footer>span{font-size:.68rem}
  .slide-tasks .tasks-footer nav{gap:8px}
  .slide-tasks .tasks-shade{background:linear-gradient(0deg,rgba(3,6,8,.97) 0%,rgba(3,6,8,.80) 45%,rgba(3,6,8,.18) 76%,rgba(3,6,8,.03) 100%)}
}

/* RC27 · cierre: meta de Trámites en dos líneas discretas para evitar acumulación lateral. */
@media(min-width:981px){
  .slide-tasks .tasks-meta{display:grid;grid-template-columns:1fr;gap:8px}
  .slide-tasks .tasks-footer{justify-content:flex-start}
}


/* =========================================================
   RC28 · SISTEMA DE MOVIMIENTO CHFC
   Movimiento sutil, consistente, funcional y accesible.
   ========================================================= */
:root{
  --motion-fast:160ms;
  --motion-ui:240ms;
  --motion-medium:420ms;
  --motion-section:680ms;
  --motion-hero:900ms;
  --ease-standard:cubic-bezier(.2,.8,.2,1);
  --ease-enter:cubic-bezier(.16,1,.3,1);
  --ease-exit:cubic-bezier(.4,0,1,1);
  --ease-soft:cubic-bezier(.22,1,.36,1);
}

/* Carga: el loader se retira y la escena entra sin flash ni salto. */
.site-loader{transition:opacity var(--motion-medium) var(--ease-standard),visibility var(--motion-medium) linear}
body.is-loading .slide-home .hero-photo{opacity:.82;transform:translate3d(0,0,0) scale(1.025)}
body.is-ready .slide-home .hero-photo{opacity:1}
body.is-loading .slide.is-current .slide-copy,
body.is-loading .slide.is-current .slide-copy>*{opacity:0!important;transform:translateY(18px)!important}
body.is-ready .slide.is-current .slide-copy{opacity:1;transform:none}
body.is-ready .slide.is-current .slide-copy>*{opacity:1;transform:none}

/* Capítulos: profundidad fotográfica mínima; la estructura horizontal sigue siendo nativa. */
.slide{--motion-photo-x:0px;--motion-photo-y:0px}
.slide-photo{will-change:transform,opacity;transform:translate3d(var(--motion-photo-x),var(--motion-photo-y),0) scale(1.018);transition:opacity var(--motion-medium) var(--ease-standard),transform var(--motion-hero) var(--ease-soft),filter var(--motion-medium) var(--ease-standard)}
.slide.is-current .slide-photo{transform:translate3d(var(--motion-photo-x),var(--motion-photo-y),0) scale(1)}
.slide-copy{transition:opacity var(--motion-medium) var(--ease-standard) 80ms,transform 520ms var(--ease-enter) 80ms}
.slide-copy>*{transition:opacity var(--motion-medium) var(--ease-standard),transform 520ms var(--ease-enter)}
.slide.is-current .slide-copy>*:nth-child(1){transition-delay:80ms}
.slide.is-current .slide-copy>*:nth-child(2){transition-delay:150ms}
.slide.is-current .slide-copy>*:nth-child(3){transition-delay:220ms}
.slide.is-current .slide-copy>*:nth-child(4){transition-delay:300ms}
.slide.is-current .slide-copy>*:nth-child(5){transition-delay:380ms}
.slide.is-current .slide-copy>*:nth-child(6){transition-delay:440ms}
.slide.is-current .hero-mark{animation-duration:560ms;animation-timing-function:var(--ease-enter)}

/* Header estable con indicador único que viaja entre capítulos. */
.top-nav{position:relative}
.top-nav a::after{opacity:0}
.nav-indicator{position:absolute;left:0;bottom:5px;width:18px;height:2px;border-radius:999px;background:var(--orange);pointer-events:none;transform:translate3d(0,0,0);transition:transform 420ms var(--ease-enter),width 420ms var(--ease-enter),opacity var(--motion-fast) ease;will-change:transform,width;box-shadow:0 0 10px rgba(255,107,0,.22)}
.nav-indicator.is-instant{transition:none}

/* Controles narrativos. */
.deck-chapter{transition:opacity var(--motion-ui) var(--ease-standard),transform var(--motion-ui) var(--ease-standard)}
.deck-arrow{transition:transform var(--motion-fast) var(--ease-standard),background var(--motion-fast) ease,opacity var(--motion-fast) ease}
.deck-arrow:not(:disabled):hover,.deck-arrow:not(:disabled):focus-visible{transform:scale(1.08)}
.deck-arrow:not(:disabled):active{transform:scale(.92)}
.deck-dots button{transition:width 320ms var(--ease-standard),background 240ms ease,border-radius 320ms var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}
.deck-dots button:hover,.deck-dots button:focus-visible{transform:scale(1.2)}

/* Identidad y Nuestra gente: cambio de estado suave, sin movimiento ornamental. */
.discovery-tabs button,.photo-switcher button{transition:border-color var(--motion-ui) ease,background var(--motion-ui) ease,color var(--motion-ui) ease,box-shadow var(--motion-ui) ease,transform var(--motion-fast) var(--ease-standard)}
.discovery-tabs button:hover,.photo-switcher button:hover,.discovery-tabs button:focus-visible,.photo-switcher button:focus-visible{transform:translateY(-1px)}
.slide-people .slide-photo.is-switching{opacity:.65;filter:blur(2px);transform:translate3d(var(--motion-photo-x),var(--motion-photo-y),0) scale(1.012)}
.slide-people .slide-photo{transition:opacity 500ms var(--ease-standard),transform 500ms var(--ease-soft),filter 300ms ease}

/* Acciones: respuesta precisa; no hay rebotes ni elevaciones exageradas. */
.action-card{transition:transform var(--motion-ui) var(--ease-standard),border-color var(--motion-ui) ease,background var(--motion-ui) ease,box-shadow var(--motion-ui) ease,opacity var(--motion-medium) ease}
.action-card:hover,.action-card:focus-visible{transform:translateY(-3px)}
.card-icon{transition:box-shadow var(--motion-ui) ease,background var(--motion-ui) ease,color var(--motion-ui) ease,transform var(--motion-ui) var(--ease-standard)}
.action-card:hover .card-icon,.action-card:focus-visible .card-icon{transform:scale(1.05)}
.action-card b{transition:transform var(--motion-ui) var(--ease-standard),color var(--motion-ui) ease}
.button{transition:transform var(--motion-fast) var(--ease-standard),filter var(--motion-fast) ease,box-shadow var(--motion-ui) ease}
.action-card.is-pressed,.button.is-pressed,.discovery-tabs button.is-pressed,.photo-switcher button.is-pressed{transform:scale(.985)!important}

/* Las acciones de Trámites entran siguiendo el eje horizontal del portal. */
.slide-tasks:not(.is-current) .task-cards .action-card{opacity:0;transform:translateX(-12px)}
.slide-tasks.is-current .task-cards .action-card{opacity:1;transform:translateX(0)}
.slide-tasks.is-current .task-cards .action-card:nth-child(1){transition-delay:260ms}
.slide-tasks.is-current .task-cards .action-card:nth-child(2){transition-delay:315ms}
.slide-tasks.is-current .task-cards .action-card:nth-child(3){transition-delay:370ms}
.slide-member:not(.is-current) .member-cards .action-card{opacity:0;transform:translateY(8px)}
.slide-member.is-current .member-cards .action-card{opacity:1;transform:translateY(0)}
.slide-member.is-current .member-cards .action-card:nth-child(1){transition-delay:260ms}
.slide-member.is-current .member-cards .action-card:nth-child(2){transition-delay:310ms}
.slide-member.is-current .member-cards .action-card:nth-child(3){transition-delay:360ms}
.slide-member.is-current .member-cards .action-card:nth-child(4){transition-delay:410ms}

/* Continuidad al entrar a una función real del portal. */
.home-shell{transition:opacity 110ms ease,transform 110ms var(--ease-exit)}
body.is-page-leaving .home-shell{opacity:.88;transform:translateY(-2px)}

/* Touch: conservar feedback, eliminar profundidad y hover artificial. */
@media(max-width:980px),(hover:none){
  .slide{--motion-photo-x:0px!important;--motion-photo-y:0px!important}
  .action-card:hover,.button:hover,.discovery-tabs button:hover,.photo-switcher button:hover{transform:none}
  .nav-indicator{display:none}
  .top-nav a::after{opacity:1}
}

/* RC30 — en escritorio híbrido/táctil el indicador sigue viajando entre capítulos. */
@media(min-width:981px) and (hover:none){
  .nav-indicator{display:block}
  .top-nav a::after{opacity:0}
}

/* Accesibilidad: misma información, sin desplazamientos decorativos. */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    transition-delay:0ms!important;
  }
  .slide,.slide-photo,.slide-copy,.slide-copy>*,.action-card,.card-icon,.deck-arrow,.deck-dots button{
    transform:none!important;
  }
  /* FIX V3: el transform de nav-indicator es posicion funcional, no decoracion. */
  .nav-indicator{
    transition-duration:.01ms!important;
    transition-delay:0ms!important;
  }
  .slide-photo{filter:none!important}
}

/* =========================================================
   RC29 · DESLIZÁ — DIRECCIÓN CREATIVA PREMIUM
   Fotografía dominante, narrativa continua y gesto horizontal.
   ========================================================= */

/* Gesto guía: aparece una vez por sesión, nunca captura interacción. */
.swipe-cue{
  position:fixed;z-index:68;left:50%;bottom:84px;display:flex;align-items:center;gap:10px;
  max-width:calc(100vw - 32px);padding:9px 14px;border:1px solid rgba(255,255,255,.12);
  border-radius:999px;background:rgba(5,9,12,.72);color:#fff;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:0 14px 42px rgba(0,0,0,.22);pointer-events:none;
  opacity:0;transform:translate3d(-50%,10px,0);visibility:hidden;
  transition:opacity 380ms var(--ease-soft),transform 420ms var(--ease-soft),visibility 420ms linear;
}
.swipe-cue.is-visible{opacity:1;transform:translate3d(-50%,0,0);visibility:visible}
.swipe-cue strong{color:var(--orange);font-size:.70rem;font-weight:950;letter-spacing:.18em}
.swipe-cue span{color:#dce2e4;font-size:.72rem;font-weight:720;white-space:nowrap}
.swipe-cue b{color:var(--orange);font-size:.92rem}

/* La marca del hero prioriza descubrimiento y deja dos accesos de conversión discretos. */
.hero-quick-links{gap:8px;margin-top:18px}
.hero-quick-links a{
  display:inline-flex;align-items:center;min-height:34px;padding:0 12px;
  border:1px solid rgba(255,255,255,.13);border-radius:999px;
  background:rgba(5,10,13,.32);color:#e8edef;font-size:.70rem;font-weight:820;
  text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:border-color var(--motion-ui) ease,background var(--motion-ui) ease,transform var(--motion-fast) var(--ease-standard),color var(--motion-fast) ease;
}
.hero-quick-links a:hover,.hero-quick-links a:focus-visible{border-color:rgba(255,107,0,.72);background:rgba(255,107,0,.08);color:#fff;transform:translateY(-1px)}

/* Historia e Identidad se leen como capítulos, no como paneles. */
.history-copy,.identity-copy{max-width:min(700px,49vw)}
.history-copy .story-reveal{margin-top:18px}
.identity-copy .identity-discovery-card{max-width:650px;background:rgba(6,11,14,.50);border-color:rgba(255,255,255,.10)}

/* Nuestra gente: la foto es la prueba del mensaje. El texto acompaña, no cubre. */
@media(min-width:981px){
  .slide-people .slide-shade{
    background:
      linear-gradient(90deg,rgba(3,6,8,.88) 0%,rgba(3,6,8,.64) 23%,rgba(3,6,8,.18) 42%,rgba(3,6,8,.02) 62%),
      linear-gradient(0deg,rgba(3,6,8,.38) 0%,transparent 40%);
  }
  .slide-people .people-copy,
  .slide-people[data-people-mode="familia"] .people-copy{
    top:auto;bottom:clamp(76px,8.5vh,102px);width:min(405px,29vw);max-width:405px;
  }
  .slide-people .people-copy h2,
  .slide-people[data-people-mode="familia"] .people-copy h2{
    max-width:400px;font-size:clamp(2.75rem,3.7vw,4.25rem);line-height:.93;
  }
  .people-copy .people-lead{margin-top:13px!important;font-size:clamp(.90rem,1vw,1.02rem)!important;max-width:38ch}
  .people-copy .photo-switcher{margin-top:13px;gap:7px}
  .people-copy .photo-switcher button{min-height:34px;padding:0 12px;font-size:.70rem}
  .people-detail{
    max-width:395px;margin-top:11px;padding:4px 0 4px 14px;gap:5px;
    border:0;border-left:2px solid rgba(255,107,0,.90);border-radius:0;
    background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    box-shadow:none!important;
  }
  .people-detail>strong{font-size:.86rem;text-shadow:0 2px 12px rgba(0,0,0,.55)}
  .people-detail p,.people-detail>b{font-size:.72rem;line-height:1.36;text-shadow:0 2px 12px rgba(0,0,0,.60)}
  .slide-people .people-photo[data-mode="familia"]{object-position:58% 50%}
}

/* Mi CHFC: menos documental, más producto; título directo y fotografía visible. */
.slide-member .member-shade{
  background:linear-gradient(90deg,rgba(3,6,8,.92) 0%,rgba(3,6,8,.72) 34%,rgba(3,6,8,.20) 60%,rgba(3,6,8,.02) 100%),linear-gradient(0deg,rgba(3,6,8,.40),transparent 46%);
}
@media(min-width:981px){
  .slide-member .functional-copy{width:min(760px,52vw)}
  .slide-member .functional-copy h2{max-width:700px;font-size:clamp(2.8rem,3.85vw,4.15rem);line-height:.96}
  .slide-member .functional-copy>p:not(.eyebrow){max-width:620px;margin-top:16px;font-size:clamp(.94rem,1.05vw,1.05rem)}
  .slide-member .primary-actions{margin-top:20px}
  .slide-member .member-cards{margin-top:22px;gap:10px;width:min(760px,100%)}
  .slide-member .action-card{min-height:86px;padding:13px 15px;border-radius:15px;background:rgba(7,12,15,.58)}
  .slide-member .card-icon{width:46px;height:46px;border-radius:13px}
}

/* Trámites: claridad de producto, tres acciones, mínimo ruido. */
.slide-tasks .tasks-shade{
  background:linear-gradient(90deg,rgba(3,6,8,.91) 0%,rgba(3,6,8,.72) 30%,rgba(3,6,8,.19) 54%,rgba(3,6,8,.02) 100%),linear-gradient(0deg,rgba(3,6,8,.36),transparent 44%);
}
@media(min-width:981px){
  .slide-tasks .functional-copy{top:clamp(30px,4.5vh,52px);bottom:auto;width:min(585px,43vw)}
  .slide-tasks .functional-copy h2{max-width:560px;font-size:clamp(2.7rem,3.55vw,3.85rem);line-height:.95}
  .slide-tasks .tasks-intro{max-width:540px!important;margin-top:13px!important;font-size:.90rem!important}
  .slide-tasks .task-cards{grid-template-columns:1fr;width:min(530px,100%);gap:7px;margin-top:18px}
  .slide-tasks .action-card{min-height:64px;padding:8px 12px 8px 10px;border-radius:14px;background:rgba(7,12,15,.57);gap:12px}
  .slide-tasks .card-icon{width:40px;height:40px;border-radius:12px}
  .slide-tasks .card-icon svg{width:20px;height:20px}
  .slide-tasks .action-card strong{font-size:.88rem}
  .slide-tasks .action-card small{font-size:.70rem}
  .slide-tasks .task-cards .action-card::before{top:7px;right:11px;font-size:.55rem;opacity:.70}
  .slide-tasks .tasks-meta{width:min(530px,100%);margin-top:12px;padding-top:10px;gap:7px;border-top:1px solid rgba(255,255,255,.08)}
  .slide-tasks .help-inline{font-size:.72rem}
  .slide-tasks .tasks-footer{font-size:.63rem;opacity:.78}
  .slide-tasks .tasks-footer>span{font-size:.64rem}
}

/* Navegador: el capítulo y la posición forman parte del relato. */
.deck-position{display:none;color:#8f9a9f;font-size:.62rem;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.deck-chapter{text-transform:uppercase;letter-spacing:.08em;font-size:.63rem;font-weight:900;color:#aeb7bc;white-space:nowrap}

@media(max-width:980px){
  .swipe-cue{bottom:68px;padding:8px 12px;gap:7px}
  .swipe-cue span{display:none}
  .swipe-cue strong{font-size:.66rem}
  .deck-controls{gap:7px;padding:5px 7px}
  .deck-dots{display:none}
  .deck-position{display:inline-flex}
  .deck-chapter{display:inline-flex!important;max-width:118px;overflow:hidden;text-overflow:ellipsis}
  .deck-arrow{width:34px;height:34px}
}

/* En móvil el contenido respira y el gesto horizontal sigue siendo protagonista. */
@media(max-width:640px){
  .hero-quick-links{margin-top:12px;gap:7px}
  .hero-quick-links a{min-height:31px;padding:0 10px;font-size:.65rem}
  .slide-people .slide-copy{padding-top:31vh}
  .people-detail{background:rgba(4,8,11,.48)!important;border-left:2px solid var(--orange);box-shadow:none!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}
  .slide-member .functional-copy h2{font-size:clamp(2.35rem,10vw,3.2rem)}
  .slide-member .functional-copy>p:not(.eyebrow){margin-top:14px;font-size:.90rem!important}
  .slide-member .member-cards{margin-top:16px}
  .slide-tasks .functional-copy{padding-top:27vh}
  .slide-tasks .functional-copy h2{font-size:clamp(2.25rem,9.5vw,3rem)}
  .slide-tasks .task-cards{margin-top:14px}
  .slide-tasks .tasks-meta{margin-top:12px}
  .deck-chapter{font-size:.58rem;max-width:104px}
  .deck-position{font-size:.58rem}
}

@media(prefers-reduced-motion:reduce){
  .swipe-cue{display:none!important}
}


/* CHFC NAV INDICATOR FIX V3 20260831 */
