body[data-caso="alcanada"]{
  --bg:#FAF6F3; --fg:#252525; --accent:#B8871F;
  --border:rgba(37,37,37,.12); --border-strong:rgba(37,37,37,.28);
  --text-col:880px;
  --container-narrow:1040px;
  background:var(--bg);
}
body[data-caso="alcanada"][data-theme="caso-claro"]{
  --bg:#FAF6F3; --fg:#252525; --accent:#B8871F;
  --border:rgba(37,37,37,.12); --border-strong:rgba(37,37,37,.28);
}
body[data-caso="alcanada"][data-theme="caso-blanco"]{
  --bg:#FFFFFF; --fg:#252525; --accent:#B8871F;
  --border:rgba(37,37,37,.1); --border-strong:rgba(37,37,37,.26);
}
body[data-caso="alcanada"][data-theme="caso-negro"]{
  --bg:#0C0C0D; --fg:#ffffff; --accent:#F1B434;
  --border:rgba(255,255,255,.16); --border-strong:rgba(255,255,255,.3);
}
body[data-caso="alcanada"][data-theme="caso-negro"] .btn{ background:#F1B434; color:#0C0C0D; }
body[data-caso="alcanada"][data-theme="caso-oro"]{
  --bg:#F1B434; --fg:#252525; --accent:#252525;
  --border:rgba(37,37,37,.2); --border-strong:rgba(37,37,37,.4);
}
body[data-caso="alcanada"][data-theme="caso-pizarra"]{
  --bg:#3D4354; --fg:#ffffff; --accent:#F1B434;
  --border:rgba(255,255,255,.2); --border-strong:rgba(255,255,255,.35);
}
body[data-caso="alcanada"][data-theme="caso-pizarra"] .btn{ background:#F1B434; color:#252525; }
body[data-caso="alcanada"][data-theme="caso-oro"] .btn{ background:#252525; color:#F1B434; }

body[data-caso="alcanada"] ::selection{ background:#F1B434; color:#252525; }

body[data-caso="alcanada"] .hero__title{
  font-size:clamp(2.1rem, 4.2vw, 3.5rem);
  line-height:1.04; letter-spacing:-.025em;
  max-width:18ch;
}
body[data-caso="alcanada"] .title-xl{
  font-size:clamp(1.7rem, 2.9vw, 2.5rem);
  line-height:1.1; margin-bottom:24px;
  max-width:22ch;
}
body[data-caso="alcanada"] .lead{
  font-size:clamp(1rem, 1.25vw, 1.15rem); line-height:1.6;
  max-width:62ch;
}
body[data-caso="alcanada"] .section{ padding-top:120px; padding-bottom:110px; min-height:0; }
body[data-caso="alcanada"] .section.hero{ min-height:0; padding-top:190px; padding-bottom:130px; }


body[data-caso="alcanada"] .btn{ background:var(--fg); color:var(--bg); }

.caso-ficha{
  display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:28px;
  margin-top:56px; padding-top:26px; border-top:1px solid var(--border);
}
.caso-ficha div{ display:flex; flex-direction:column; gap:8px; }
.caso-ficha dt{ font-size:13px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; opacity:.45; }
.caso-ficha dd{ margin:0; font-size:1rem; font-weight:700; }

.caso-lamina{
  width:100%; aspect-ratio:16 / 7; margin-top:64px;
  background-image:url('/assets/casos/alcanada-club.jpg');
  background-size:cover; background-position:center 62%;
}

.caso-figura{ margin:0; }
.caso-figura img{
  display:block; width:100%; height:auto;
  background:rgba(0,0,0,.05);
}
.caso-figura--ancha{ width:100%; }
body[data-caso="alcanada"] .section--imagen{ padding-top:20px; padding-bottom:20px; }
.caso-figura--ancha img{ aspect-ratio:21 / 9; object-fit:cover; }

.caso-par{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(36px, 5vw, 80px); align-items:center;
}
.caso-par--invertido .caso-par__texto{ order:2; }
.caso-par__texto h2{ margin-bottom:20px; }
.caso-par .caso-figura img{ aspect-ratio:4 / 3; object-fit:cover; }

@media (max-width:900px){
  .caso-par{ grid-template-columns:1fr; gap:36px; }
  .caso-par--invertido .caso-par__texto{ order:0; }
  .caso-figura--ancha img{ aspect-ratio:16 / 10; }
}

.caso-prosa{ max-width:72ch; }
.caso-prosa p{ font-size:clamp(1rem, 1.3vw, 1.12rem); font-weight:300; line-height:1.68; margin-bottom:24px; }
.caso-prosa p:last-child{ margin-bottom:0; }
.caso-prosa strong{ font-weight:700; }

.caso-postdata{ margin-top:44px; font-size:.92rem; font-weight:300; line-height:1.6; opacity:.6; max-width:60ch; }

.caso-cronica{ display:flex; flex-direction:column; margin-top:20px; max-width:820px; }
.caso-cronica li{ display:flex; gap:32px; padding:30px 0; border-bottom:1px solid var(--border); }
.caso-cronica li:last-child{ border-bottom:none; }
.caso-cronica__ano{ flex:none; width:96px; font-size:1.1rem; font-weight:700; font-variant-numeric:tabular-nums; }
.caso-cronica__cuerpo h3{ font-size:1.3rem; font-weight:800; margin-bottom:8px; letter-spacing:-.01em; }
.caso-cronica__cuerpo p{ font-size:1rem; font-weight:300; line-height:1.6; margin:0; opacity:.85; }

.caso-veredicto{ display:flex; flex-direction:column; margin-top:12px; }
.caso-veredicto li{
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; align-items:baseline;
  padding:22px 0; border-bottom:1px solid var(--border);
}
.caso-veredicto li:last-child{ border-bottom:none; }
.caso-veredicto__que{ font-size:1.05rem; font-weight:300; line-height:1.5; }
.caso-veredicto__dato{ font-size:1.15rem; font-weight:700; white-space:nowrap; font-variant-numeric:tabular-nums; }

.caso-reparto{ display:flex; gap:7px; margin-top:26px; max-width:420px; }
.caso-reparto i{
  flex:1; height:44px; border-radius:1px; background:var(--border);
  transform:scaleY(.25); transform-origin:bottom;
  transition:transform .5s var(--ease-out), background-color .5s var(--ease-out);
}
.caso-reparto.is-visto i{ transform:scaleY(1); }
.caso-reparto i.is-on{ background:var(--accent); }
.caso-reparto i:nth-child(2){ transition-delay:.04s; }
.caso-reparto i:nth-child(3){ transition-delay:.08s; }
.caso-reparto i:nth-child(4){ transition-delay:.12s; }
.caso-reparto i:nth-child(5){ transition-delay:.16s; }
.caso-reparto i:nth-child(6){ transition-delay:.2s; }
.caso-reparto i:nth-child(7){ transition-delay:.24s; }
.caso-reparto i:nth-child(8){ transition-delay:.28s; }
.caso-reparto i:nth-child(9){ transition-delay:.32s; }
.caso-reparto i:nth-child(10){ transition-delay:.36s; }
.caso-reparto__pie{ margin-top:14px; font-size:.85rem; font-weight:300; opacity:.65; }

@media (max-width:900px){
  .caso-ficha{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:22px; }
  .caso-lamina{ aspect-ratio:4 / 3; margin-top:40px; }
  .caso-cronica li{ flex-direction:column; gap:10px; }
  .caso-cronica__ano{ width:auto; }
  .caso-veredicto li{ grid-template-columns:1fr; gap:8px; }
}


.charla{ width:100%; max-width:720px; }
.charla__hilo{ display:flex; flex-direction:column; gap:14px; }
.charla__msg{
  max-width:80%; padding:18px 24px; border-radius:20px;
  font-size:1rem; font-weight:300; line-height:1.55;
  opacity:0; transform:translateY(10px);
}
.charla__msg.is-dicho{ opacity:1; transform:translateY(0); transition:opacity .35s var(--ease-out), transform .35s var(--ease-out); }
.charla__msg p{ margin:0; }
.charla__msg p + p{ margin-top:12px; }
.charla__msg strong{ font-weight:700; }
.charla__msg--tu{ align-self:flex-end; background:var(--fg); color:var(--bg); border-bottom-right-radius:5px; }
.charla__msg--ia{ align-self:flex-start; background:rgba(255,255,255,.08); border:1px solid var(--border); border-bottom-left-radius:5px; }
.charla__escribe{ align-self:flex-start; display:flex; gap:6px; padding:20px 24px; opacity:0; }
.charla__escribe.is-dicho{ opacity:1; transition:opacity .3s var(--ease-out); }
.charla__escribe i{ width:7px; height:7px; border-radius:50%; background:var(--accent); animation:charlaPunto 1.2s var(--ease-in-out) infinite; }
.charla__escribe i:nth-child(2){ animation-delay:.16s; }
.charla__escribe i:nth-child(3){ animation-delay:.32s; }
@keyframes charlaPunto{ 0%,60%,100%{ opacity:.25; } 30%{ opacity:1; } }
.charla__pie{ margin-top:28px; font-size:.85rem; font-weight:300; opacity:.55; }

@media (max-width:900px){
  .charla__msg{ max-width:92%; }
}
@media (prefers-reduced-motion: reduce){
  .charla__msg{ opacity:1; transform:none; }
  .charla__escribe i{ animation:none; }
  .caso-reparto i{ transform:scaleY(1); }
}

.lab-cambia{
  position:fixed; left:20px; bottom:20px; z-index:880;
  display:flex; align-items:center; gap:2px;
  padding:5px; border-radius:999px;
  background:#1a1410; color:#ffffff;
}
.lab-cambia a{
  padding:7px 14px; border-radius:999px; text-decoration:none; white-space:nowrap;
  font-size:12px; font-weight:700; color:inherit; opacity:.55;
  transition:opacity .25s var(--ease-out), background-color .25s var(--ease-out);
}
.lab-cambia a:hover{ opacity:1; }
.lab-cambia a.is-actual{ background:#ffffff; color:#1a1410; opacity:1; }
@media (max-width:900px){
  .lab-cambia{ left:10px; right:10px; bottom:82px; justify-content:center; }
  .lab-cambia a{ padding:7px 10px; font-size:11px; }
}

body[data-caso="alcanada"] .caso-movil{
  --text-col:min(520px, 42vw);
  min-height:min(100vh, 820px);
}
body[data-caso="alcanada"] .caso-movil .diseno-graphic{
  right:calc(var(--pad-img-edge) + 8vw);
}
body[data-caso="alcanada"] .caso-movil .phone3d-duo{
  --alto:min(56vh, 480px);
  width:min(calc(var(--alto) * .6), 28vw);
}
@media (max-width:900px){
  body[data-caso="alcanada"] .caso-movil{ min-height:0; }
  body[data-caso="alcanada"] .caso-movil .diseno-graphic{ display:none; }
}

.explora{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(40px,6vw,110px); align-items:start; margin-top:44px; }
.explora__lista{ list-style:none; margin:0; padding:0; border-top:1px solid var(--border); }
.explora__lista li{ border-bottom:1px solid var(--border); }
.explora__boton{
  width:100%; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px;
  padding:22px 4px; background:none; border:0; font:inherit; color:inherit; cursor:pointer; text-align:left;
  transition:padding-left .3s var(--ease-out), opacity .3s var(--ease-out);
}
.explora__boton:hover{ padding-left:14px; }
.explora__boton[aria-selected="true"]{ padding-left:14px; }
.explora__boton[aria-selected="false"]{ opacity:.5; }
.explora__marca{ width:26px; height:26px; flex:none; color:var(--accent); }
.explora__marca svg{ width:100%; height:100%; display:block; }
.explora__rotulo{ font-size:clamp(1.05rem,1.5vw,1.3rem); font-weight:700; letter-spacing:-.01em; }
.explora__flecha{ width:18px; height:18px; opacity:.4; transition:transform .3s var(--ease-out), opacity .3s var(--ease-out); }
.explora__boton[aria-selected="true"] .explora__flecha{ opacity:1; transform:translateX(5px); }
.explora__panel{ position:relative; min-height:260px; }
.explora__detalle{
  position:absolute; inset:0; opacity:0; pointer-events:none;
  transform:translateY(12px);
}
.explora__detalle.is-on{ opacity:1; pointer-events:auto; transform:translateY(0); transition:opacity .45s var(--ease-out), transform .45s var(--ease-out); }
.explora__icono{ display:block; width:58px; height:58px; color:var(--accent); margin-bottom:30px; }
.explora__icono svg{ width:100%; height:100%; display:block; }
.explora__detalle h3{ font-size:clamp(1.6rem,3vw,2.4rem); font-weight:800; letter-spacing:-.025em; margin-bottom:20px; }
.explora__detalle p{ font-size:1.02rem; font-weight:300; line-height:1.65; max-width:46ch; opacity:.85; }

.asim{ display:grid; grid-template-columns:repeat(12, minmax(0,1fr)); column-gap:clamp(20px,2.4vw,36px); row-gap:clamp(48px,7vw,110px); }
.asim__titular{
  grid-column:1 / span 8;
  font-size:clamp(1.9rem,4vw,3.4rem); font-weight:700; line-height:1.08; letter-spacing:-.03em;
  text-wrap:balance; margin:0;
}
.asim__col{ font-size:1.02rem; font-weight:300; line-height:1.72; }
.asim__col strong{ font-weight:700; }
.asim__col p{ margin:0 0 18px; }
.asim__col p:last-child{ margin-bottom:0; }
.asim__col--a{ grid-column:5 / span 4; }
.asim__col--b{ grid-column:9 / span 4; }

.tablero{ position:relative; padding:clamp(28px,4vw,56px); overflow:hidden; }
.tablero__fondo{ position:absolute; inset:0; z-index:0; }
.tablero__fondo img{ width:100%; height:100%; object-fit:cover; display:block; }
.tablero__fondo::after{ content:''; position:absolute; inset:0; background:rgba(28,33,44,.34); }
.tablero__rejilla{ position:relative; z-index:1; display:grid; grid-template-columns:repeat(6, minmax(0,1fr)); gap:clamp(12px,1.4vw,20px); }
.ficha{
  background:#fff; color:#252525; border-radius:14px; padding:20px 22px;
  opacity:0; transform:translateY(16px);
  box-shadow:0 18px 40px -26px rgba(0,0,0,.45);
}
.tablero.is-visto .ficha{ opacity:1; transform:translateY(0); transition:opacity .5s var(--ease-out), transform .5s var(--ease-out); }
.tablero.is-visto .ficha:nth-child(2){ transition-delay:.07s; }
.tablero.is-visto .ficha:nth-child(3){ transition-delay:.14s; }
.tablero.is-visto .ficha:nth-child(4){ transition-delay:.21s; }
.tablero.is-visto .ficha:nth-child(5){ transition-delay:.28s; }
.tablero.is-visto .ficha:nth-child(6){ transition-delay:.35s; }
.ficha--kpi{ grid-column:span 2; }
.ficha--lista{ grid-column:span 3; }
.ficha--grafico{ grid-column:span 3; }
.ficha__et{ display:block; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; opacity:.45; margin-bottom:12px; }
.ficha__num{ font-size:clamp(1.5rem,2.4vw,2rem); font-weight:800; line-height:1; font-variant-numeric:tabular-nums; }
.ficha__sub{ font-size:.82rem; opacity:.55; margin-left:6px; }
.ficha__delta{ float:right; font-size:.8rem; font-weight:700; opacity:.6; }
.ficha__filas{ list-style:none; margin:0; padding:0; }
.ficha__filas li{
  display:grid; grid-template-columns:1fr auto; gap:14px; align-items:center;
  padding:9px 0; border-bottom:1px solid rgba(0,0,0,.07); font-size:.82rem;
  opacity:0; transform:translateX(-8px);
}
.ficha__filas li:last-child{ border-bottom:0; }
.tablero.is-visto .ficha__filas li{ opacity:1; transform:translateX(0); transition:opacity .45s var(--ease-out), transform .45s var(--ease-out); }
.ficha__filas li.is-nuestro{ font-weight:800; }
.ficha__filas li.is-nuestro::before{ content:''; }
.ficha__barra{ position:relative; width:70px; height:6px; border-radius:3px; background:rgba(0,0,0,.08); overflow:hidden; }
.ficha__barra i{ position:absolute; inset:0 auto 0 0; width:var(--pct,0%); background:var(--accent); transform:scaleX(0); transform-origin:left; }
.tablero.is-visto .ficha__barra i{ transform:scaleX(1); transition:transform .9s var(--ease-out) .25s; }
.ficha__linea{ width:100%; height:70px; display:block; margin-top:10px; }
.ficha__linea path{ fill:none; stroke:var(--accent); stroke-width:2.5; stroke-linecap:round; stroke-dasharray:var(--largo,300); stroke-dashoffset:var(--largo,300); }
.tablero.is-visto .ficha__linea path{ stroke-dashoffset:0; transition:stroke-dashoffset 1.5s var(--ease-out) .3s; }

.cifras{ list-style:none; margin:40px 0 0; padding:0; }
.cifras li{
  display:grid; grid-template-columns:minmax(120px,1.4fr) minmax(0,1fr) minmax(0,2fr);
  gap:clamp(24px,4vw,64px); align-items:center;
  padding:clamp(34px,5vw,62px) 0; border-top:1px solid var(--border);
}
.cifras li:last-child{ border-bottom:1px solid var(--border); }
.cifras__marca{ font-size:.82rem; font-weight:700; letter-spacing:.06em; opacity:.4; }
.cifras__num{
  font-size:clamp(3.4rem,9vw,7rem); font-weight:300; line-height:.9; letter-spacing:-.04em;
  font-variant-numeric:tabular-nums; text-align:right;
}
.cifras__num sup{ font-size:.42em; font-weight:300; top:-.75em; }
.cifras__txt{ font-size:1.02rem; font-weight:300; line-height:1.6; }
.cifras__txt strong{ font-weight:700; }

@media (max-width:900px){
  .explora{ grid-template-columns:1fr; gap:36px; }
  .explora__panel{ min-height:0; }
  .explora__detalle{ position:static; opacity:1; transform:none; display:none; }
  .explora__detalle.is-on{ display:block; }
  .asim__titular,.asim__col--a,.asim__col--b{ grid-column:1 / -1; }
  .asim{ row-gap:32px; }
  .tablero__rejilla{ grid-template-columns:1fr; }
  .ficha--kpi,.ficha--lista,.ficha--grafico{ grid-column:span 1; }
  .cifras li{ grid-template-columns:1fr; gap:14px; padding:32px 0; }
  .cifras__num{ text-align:left; }
}
@media (prefers-reduced-motion: reduce){
  .ficha,.ficha__filas li{ opacity:1; transform:none; }
  .ficha__barra i{ transform:scaleX(1); }
  .ficha__linea path{ stroke-dashoffset:0; }
}

body[data-caso="alcanada"] .section--pegada{ padding-bottom:36px; }
body[data-caso="alcanada"] .section--aire{ padding-top:clamp(140px,16vh,220px); padding-bottom:clamp(140px,16vh,220px); }

body[data-caso="alcanada"] .caso-centrado .section__inner{ max-width:var(--container); margin-inline:auto; text-align:center; }
body[data-caso="alcanada"] .caso-centrado .title-xl{ max-width:24ch; margin-inline:auto; }
body[data-caso="alcanada"] .caso-centrado .eyebrow{ display:block; }
.caso-centrado .caso-cronica{ margin-inline:auto; text-align:left; }
.caso-centrado .hero__actions{ justify-content:center; }

.caso-prosa--grande p{ font-size:clamp(1.12rem, 1.6vw, 1.38rem); line-height:1.6; }
body[data-caso="alcanada"] .caso-movil .phone3d-duo{ --alto:min(68vh, 600px); width:min(calc(var(--alto) * .62), 32vw); }
body[data-caso="alcanada"] .caso-movil{ --text-col:min(560px, 44vw); }

.logros{
  display:grid; grid-template-columns:repeat(4, minmax(0,1fr));
  gap:clamp(24px,3vw,48px); margin-top:64px; text-align:center;
}
.logro{ display:flex; flex-direction:column; align-items:center; }
.logro__grafico{ height:84px; width:100%; display:flex; align-items:flex-end; justify-content:center; margin-bottom:26px; }
.logro__dato{ font-size:clamp(1.5rem,2.4vw,2.05rem); font-weight:700; line-height:1.05; letter-spacing:-.025em; font-variant-numeric:tabular-nums; }
.logro__txt{ margin-top:16px; font-size:.95rem; font-weight:300; line-height:1.6; opacity:.75; max-width:30ch; }

.rango{ list-style:none; margin:0; padding:0; display:flex; gap:8px; align-items:flex-end; }
.rango li{
  width:30px; height:30px; border-radius:50%; border:1px solid var(--border-strong);
  display:grid; place-items:center; font-size:.76rem; font-weight:700; opacity:.35;
  transform:scale(.7); transition:transform .5s var(--ease-out), opacity .5s var(--ease-out);
}
.rango li.is-nuestro{ background:var(--accent); border-color:var(--accent); color:#fff; opacity:1; width:44px; height:44px; font-size:1rem; }
.logros.is-visto .rango li{ transform:scale(1); }
.logros.is-visto .rango li:nth-child(2){ transition-delay:.06s; }
.logros.is-visto .rango li:nth-child(3){ transition-delay:.12s; }
.logros.is-visto .rango li:nth-child(4){ transition-delay:.18s; }
.logros.is-visto .rango li:nth-child(5){ transition-delay:.24s; }

.podio{ list-style:none; margin:0; padding:0; display:flex; gap:10px; align-items:flex-end; height:84px; }
.podio li{
  width:26px; border-radius:3px 3px 0 0; background:var(--border-strong);
  height:var(--h); transform:scaleY(0); transform-origin:bottom;
  transition:transform .7s var(--ease-out);
}
.podio li.is-nuestro{ background:var(--accent); }
.logros.is-visto .podio li{ transform:scaleY(1); }
.logros.is-visto .podio li:nth-child(2){ transition-delay:.08s; }
.logros.is-visto .podio li:nth-child(3){ transition-delay:.16s; }
.logros.is-visto .podio li:nth-child(4){ transition-delay:.24s; }

.curva{ width:100%; max-width:170px; height:84px; }
.curva path{ fill:none; stroke:var(--accent); stroke-width:2.5; stroke-linecap:round; stroke-dasharray:var(--largo,200); stroke-dashoffset:var(--largo,200); }
.logros.is-visto .curva path{ stroke-dashoffset:0; transition:stroke-dashoffset 1.4s var(--ease-out) .2s; }

.logro .caso-reparto{ margin:0; max-width:170px; }
.logros.is-visto .caso-reparto i{ transform:scaleY(1); }

.caso-cierre__frase{
  font-size:clamp(1.15rem,2.1vw,1.55rem); font-weight:300; line-height:1.5;
  max-width:44ch; margin:0 auto clamp(48px,6vw,80px);
}
.caso-cierre .caso-postdata{ margin-inline:auto; text-align:center; }

@media (max-width:1100px){
  .logros{ grid-template-columns:repeat(2, minmax(0,1fr)); row-gap:56px; }
}
@media (max-width:900px){
  body[data-caso="alcanada"] .section--aire{ padding-top:96px; padding-bottom:96px; }
  .logros{ grid-template-columns:1fr; }
  .logro__txt{ max-width:36ch; }
}

.cifras__logo{ display:inline-block; color:#9a9a9a; }
.cifras__logo svg{ display:block; height:26px; width:auto; fill:currentColor; }
.cifras__logo--google svg{ height:30px; }
.cifras__escudo{
  display:block; width:auto; height:58px;
  filter:grayscale(1) opacity(.55);
}
.cifras__logos{ display:flex; align-items:center; gap:16px; }
.cifras__logos .cifras__logo svg{ height:26px; width:26px; }

.tablero--completo{
  width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  padding-left:max(var(--pad-nav), 4vw); padding-right:max(var(--pad-nav), 4vw);
}
.ficha--reparto{ grid-column:span 2; }
.ficha--reparto .caso-reparto{ margin-top:14px; max-width:none; }
.ficha--reparto .caso-reparto i{ height:30px; background:rgba(0,0,0,.1); }
.ficha--reparto .caso-reparto i.is-on{ background:var(--accent); }
.ficha__pie{ display:block; margin-top:12px; font-size:.76rem; line-height:1.45; opacity:.55; }

.rutina{
  display:grid; grid-template-columns:repeat(4, minmax(0,1fr));
  gap:clamp(24px,3vw,52px); margin-top:60px; text-align:center;
}
.rutina__item{ display:flex; flex-direction:column; align-items:center; }
.rutina__marca{ display:block; width:40px; height:40px; color:var(--accent); margin-bottom:22px; }
.rutina__marca svg{ width:100%; height:100%; display:block; }
.rutina__item h3{ font-size:1.12rem; font-weight:800; letter-spacing:-.015em; margin-bottom:12px; }
.rutina__item p{ font-size:.93rem; font-weight:300; line-height:1.6; opacity:.75; max-width:28ch; }

@media (max-width:1100px){
  .rutina{ grid-template-columns:repeat(2, minmax(0,1fr)); row-gap:48px; }
  .ficha--reparto{ grid-column:span 3; }
}
@media (max-width:900px){
  .rutina{ grid-template-columns:1fr; }
  .ficha--reparto{ grid-column:span 1; }
  .tablero--completo{ padding-left:20px; padding-right:20px; }
}

.hero-par{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(40px,5vw,84px); align-items:center; }
.hero-par__texto .lead{ margin-bottom:0; }

.charla--claro{ max-width:none; }
.charla--claro .charla__msg--ia{
  background:#ffffff; border:1px solid var(--border); color:var(--fg);
  box-shadow:0 14px 34px -26px rgba(0,0,0,.3);
}
.charla--claro .charla__msg--tu{ background:var(--fg); color:#ffffff; }
.charla--claro .charla__msg strong{ font-weight:700; }
.charla--claro .charla__escribe i{ background:var(--accent); }
.charla--claro .charla__pie{ opacity:.5; }

@media (max-width:900px){
  .hero-par{ grid-template-columns:1fr; gap:44px; }
}

body[data-caso="alcanada"] .hero.caso-movil .section__inner{ max-width:var(--text-col); margin-inline:0; }
body[data-caso="alcanada"] .hero.caso-movil{ padding-top:180px; padding-bottom:70px; min-height:min(100vh,860px); }
body[data-caso="alcanada"] .hero.caso-movil .caso-ficha{ margin-top:44px; }
body[data-caso="alcanada"] .section--imagen{ padding-top:0; padding-bottom:0; }
body[data-caso="alcanada"] .caso-centrado .cifras{ text-align:left; }
body[data-caso="alcanada"] .caso-centrado .cifras__num{ text-align:right; }

body[data-caso="alcanada"] .hero.caso-movil .caso-ficha{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:24px 32px; }

.escena{ position:relative; height:118vh; }
.escena__ancla{
  position:absolute; top:0; left:var(--pad-nav); right:var(--pad-nav);
  max-width:var(--container-header); margin-inline:auto;
  aspect-ratio:21 / 9; pointer-events:none; visibility:hidden;
}
.escena__marco{
  position:fixed; inset:0; z-index:1; overflow:hidden;
  clip-path:inset(0 0 0 0);
  opacity:0; pointer-events:none;
}
.escena__marco.is-vivo{ opacity:1; pointer-events:auto; }
.escena__foto{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;
  transform:scale(1.1); transform-origin:center;
}
.escena__panel{
  position:absolute; inset:0; display:grid; place-items:center;
  padding:clamp(20px,4vw,60px); opacity:0;
}
.escena__panel.is-dentro{ transform:none; }
.escena__kicker{
  margin:0 0 18px; font-size:13.5px; font-weight:700; letter-spacing:.16em;
  text-transform:uppercase; color:#fff; opacity:.6;
}
.escena__titulo{
  margin:0 0 26px; font-size:clamp(1.5rem,2.8vw,2.4rem); font-weight:800;
  line-height:1.1; letter-spacing:-.025em; color:#fff; text-wrap:balance;
}


body[data-caso="alcanada"] .caso-movil .phone3d-duo{ --alto:min(72vh, 650px); width:min(calc(var(--alto) * .58), 31vw); }
body[data-caso="alcanada"] .hero.caso-movil .caso-ficha dt{ font-size:11px; letter-spacing:.14em; }
body[data-caso="alcanada"] .hero.caso-movil .caso-ficha dd{ font-size:.85rem; }
body[data-caso="alcanada"] .hero.caso-movil .caso-ficha{ gap:20px 30px; margin-top:38px; padding-top:22px; }

@media (max-width:900px){
  .escena{ height:auto; }
  .escena__ancla{ display:none; }
  .escena__marco{ position:relative !important; width:100% !important; height:auto !important; left:auto !important; top:auto !important; }
  .escena__foto{ aspect-ratio:4 / 3; }
  .escena__panel{ position:relative; inset:auto; opacity:1 !important; padding:24px 20px 0; }
}
@media (prefers-reduced-motion: reduce){
  .escena{ height:auto; }
  .escena__ancla{ display:none; }
  .escena__marco{ position:relative !important; width:100% !important; height:auto !important; left:auto !important; top:auto !important; }
  .escena__panel{ position:relative; inset:auto; opacity:1 !important; }
}

.escena__foto{ transition:none; }
.escena__velo{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(180deg, rgba(8,10,14,.2) 0%, rgba(8,10,14,.42) 60%, rgba(8,10,14,.55) 100%);
  opacity:0;
}
.escena__panel{ z-index:2; }
.escena__texto{ width:min(660px, 100%); text-align:center; display:flex; flex-direction:column; align-items:center; }
.escena__texto .charla{ width:100%; text-align:left; }


body[data-caso="alcanada"] .section--enorme{
  padding-top:clamp(70px,9vh,120px); padding-bottom:clamp(90px,12vh,160px);
  min-height:100vh;
}

@media (max-width:900px){
  .escena__velo{ opacity:1 !important; }
  .escena__texto{ width:100%; }
  body[data-caso="alcanada"] .section--enorme{ padding-top:110px; padding-bottom:110px; min-height:0; }
}

  70%{ transform:translateX(7px); }
}
@media (prefers-reduced-motion: reduce){ .movil-pista svg{ animation:none; } }

.charla--burbuja .charla__hilo{ gap:12px; }
.charla--burbuja .charla__msg{
  max-width:76%; padding:14px 18px; border-radius:18px;
  font-size:clamp(.95rem,1.15vw,1.02rem); line-height:1.5; font-weight:400;
  box-shadow:0 10px 26px -18px rgba(0,0,0,.5);
}
.charla--burbuja .charla__msg--tu{
  align-self:flex-end; background:#1f2937; color:#fff;
  border-bottom-right-radius:5px;
}
.charla--burbuja .charla__msg--ia{
  align-self:flex-start; background:#fff; color:#1a1410; border:0;
  border-bottom-left-radius:5px;
}
.charla--burbuja .charla__msg strong{ font-weight:700; }
.charla--burbuja .charla__escribe{
  align-self:flex-start; background:#fff; border-radius:18px 18px 18px 5px;
  padding:16px 20px; gap:5px;
}
.charla--burbuja .charla__escribe i{ background:rgba(26,20,16,.45); }
.charla--burbuja .charla__pie{ margin-top:42px; color:#fff; opacity:.6; text-align:center; }

.movil-pista{
  position:absolute; z-index:3; bottom:44px;
  left:calc(var(--pad) + var(--text-col) + var(--col-gap));
  right:calc(var(--pad-img-edge) + 8vw);
  width:max-content; margin-inline:auto;
  display:inline-flex; align-items:center; gap:11px;
  padding:11px 20px 11px 15px; border-radius:999px;
  background:rgba(12,12,13,.86); color:#fff; backdrop-filter:blur(6px);
  font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  white-space:nowrap; pointer-events:none;
}
.movil-pista svg{ width:17px; height:22px; flex:none; opacity:.85; animation:pistaSube 2.4s var(--ease-in-out) infinite; }
@keyframes pistaSube{
  0%,100%{ transform:translateY(0); }
  40%{ transform:translateY(-4px); }
  72%{ transform:translateY(4px); }
}

body[data-caso="alcanada"] .section--enorme .explora{ margin-top:clamp(80px,9vw,130px); }

@media (max-width:900px){
  .movil-pista{ display:none; }
  .charla--burbuja .charla__msg{ max-width:88%; }
}

.charla--burbuja .charla__msg[data-msg]{ opacity:0; transform:translateY(10px); }
.charla--burbuja .charla__msg.is-dicho{ opacity:1; transform:none; transition:opacity .35s var(--ease-out), transform .35s var(--ease-out); }
.charla__escribe{ display:none; }
.charla__escribe.is-dicho{ display:flex; }

.charla__enviar{
  display:flex; align-items:center; gap:12px; margin-top:22px;
  padding:10px 10px 10px 20px; border-radius:999px;
  background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.28);
  backdrop-filter:blur(8px);
  transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);
}
.charla__enviar.is-ido{ opacity:0; transform:translateY(8px); pointer-events:none; }
.charla__campo{
  flex:1; min-width:0; color:#fff; font-size:clamp(.92rem,1.1vw,1rem); font-weight:300;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.charla__boton{
  flex:none; width:44px; height:44px; border-radius:50%; border:0; cursor:pointer;
  background:#fff; color:#12151b; display:grid; place-items:center;
  transition:transform .3s var(--ease-out), background-color .3s var(--ease-out);
  animation:botonLatir 2.6s var(--ease-in-out) infinite;
}
.charla__boton:hover{ transform:scale(1.08); }
.charla__boton svg{ width:20px; height:20px; }
@keyframes botonLatir{
  0%,100%{ box-shadow:0 0 0 0 rgba(255,255,255,.45); }
  60%{ box-shadow:0 0 0 14px rgba(255,255,255,0); }
}
.charla__pie{ opacity:0; transition:opacity .5s var(--ease-out); }
.charla__pie.is-visible{ opacity:.6; }

@media (prefers-reduced-motion: reduce){ .charla__boton{ animation:none; } }

.datos{
  display:grid; grid-template-columns:repeat(4, minmax(0,1fr));
  gap:1px; margin-top:64px;
  background:var(--border); border:1px solid var(--border);
}
.dato{
  position:relative; background:var(--bg);
  padding:clamp(28px,2.6vw,40px) clamp(22px,2vw,30px) clamp(30px,2.6vw,38px);
  display:flex; flex-direction:column; align-items:flex-start;
}
.dato__grafico{ display:block; width:100%; max-width:150px; margin-bottom:26px; color:var(--fg); }
.dato__svg{ width:100%; height:auto; display:block; overflow:visible; }
.dato__cifra{
  font-size:clamp(2.2rem,3.6vw,3.1rem); font-weight:300; line-height:.95;
  letter-spacing:-.04em; font-variant-numeric:tabular-nums; white-space:nowrap;
}
.dato__cifra sup{ font-size:.4em; top:-.78em; }
.dato__cifra small{ font-size:.34em; font-weight:300; opacity:.45; letter-spacing:0; }
.dato__label{ margin-top:16px; font-size:.92rem; font-weight:300; line-height:1.5; opacity:.7; }
.dato__marca{ margin-top:22px; display:flex; align-items:center; gap:10px; opacity:.45; }
.dato__marca svg{ height:15px; width:auto; }
.dato__marca img{ height:26px; width:auto; filter:grayscale(1); }

.dato__eje{ opacity:.2; }
.dato__barra{ stroke-width:7; opacity:.22; stroke-dasharray:80; stroke-dashoffset:80; }
.dato__barra--on{ opacity:1; }
.datos.is-visto .dato__barra{ stroke-dashoffset:0; transition:stroke-dashoffset .8s var(--ease-out) calc(var(--i) * .07s); }
.dato__linea{ stroke-dasharray:var(--largo,200); stroke-dashoffset:var(--largo,200); stroke-width:1.8; }
.datos.is-visto .dato__linea{ stroke-dashoffset:0; transition:stroke-dashoffset 1.3s var(--ease-out) .15s; }
.dato__punto{ fill:var(--bg); opacity:0; }
.datos.is-visto .dato__punto{ opacity:1; transition:opacity .4s var(--ease-out) 1s; }
.dato__circ{ opacity:.22; transform:scale(.4); transform-origin:center; transform-box:fill-box; }
.dato__circ--on{ opacity:1; fill:currentColor; }
.datos.is-visto .dato__circ{ transform:scale(1); transition:transform .45s var(--ease-out) calc(var(--i) * .05s); }
.dato__arco{ stroke-dasharray:var(--largo,126); stroke-dashoffset:var(--largo,126); stroke-width:6; }
.datos.is-visto .dato__arco{ stroke-dashoffset:calc(var(--largo,126) - var(--largo,126) * var(--parte,0)); transition:stroke-dashoffset 1.2s var(--ease-out) .2s; }

@media (max-width:1100px){ .datos{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:620px){ .datos{ grid-template-columns:1fr; } }
@media (prefers-reduced-motion: reduce){
  .dato__barra,.dato__linea,.dato__arco{ stroke-dashoffset:0 !important; }
  .dato__circ{ transform:scale(1); }
  .dato__punto{ opacity:1; }
}

body[data-caso="alcanada"] .section--enorme .explora{
  margin-top:clamp(240px,26vw,400px);
  max-width:1180px; margin-inline:auto;
}

body[data-caso="alcanada"]{ transition:background-color .45s linear; }
body[data-caso="alcanada"] .section{
  position:relative; z-index:2;
  background:var(--bg); color:var(--fg);
  transition:background-color .45s linear, color .45s linear;
}
body[data-caso="alcanada"] .lab-cambia,
body[data-caso="alcanada"] .escena{ transition:none; }


.dato__peldano{ opacity:.22; stroke-dasharray:120; stroke-dashoffset:120; }
.dato__peldano--on{ opacity:1; stroke-width:1.9; }
.datos.is-visto .dato__peldano{ stroke-dashoffset:0; transition:stroke-dashoffset .7s var(--ease-out) calc(var(--i) * .08s); }
.dato__hito{ fill:currentColor; stroke:none; opacity:0; }
.datos.is-visto .dato__hito{ opacity:1; transition:opacity .4s var(--ease-out) .55s; }
.dato__seg{ stroke-width:5; opacity:.18; stroke-dasharray:40; stroke-dashoffset:40; }
.dato__seg--on{ opacity:1; }
.datos.is-visto .dato__seg{ stroke-dashoffset:0; transition:stroke-dashoffset .5s var(--ease-out) calc(var(--i) * .05s); }

@media (prefers-reduced-motion: reduce){
  .dato__peldano,.dato__seg{ stroke-dashoffset:0 !important; }
  .dato__hito{ opacity:1; }
}

body[data-caso="alcanada"] .section--aire:has(+ .section--enorme){ padding-bottom:clamp(80px,10vh,140px); }
body[data-caso="alcanada"] .section--enorme + .section{ padding-top:clamp(120px,14vh,190px); }


/* El objetivo se queda en claro y suelta el aire que sobraba tras los resultados */
body[data-caso] .caso-resultados{ padding-bottom:clamp(50px,6vh,84px); }
body[data-caso] .caso-objetivo{ min-height:0; padding-top:clamp(120px,14vh,174px);
  padding-bottom:clamp(60px,7vh,96px); }
body[data-caso] .datos{ margin-bottom:0; }

/* Cierre con el formato del CTA de microservicios */
body[data-caso="alcanada"] .caso-cierre{ min-height:0;
  padding-top:clamp(70px,10vh,130px); padding-bottom:clamp(80px,11vh,150px); }
body[data-caso="alcanada"] .caso-cierre .section__inner{ text-align:center; }
body[data-caso="alcanada"] .caso-cierre .caso-postdata{ margin-top:clamp(26px,3vw,40px); }
.caso-cierre__vias{ display:flex; flex-direction:column; align-items:center; gap:26px; }
.caso-cierre__iconos{ display:flex; align-items:center; gap:14px; }
.caso-cierre__iconos a{ display:grid; place-items:center; width:52px; height:52px; border-radius:50%;
  border:1px solid var(--border-strong); color:inherit;
  transition:background-color .18s var(--ease-out), color .18s var(--ease-out),
             border-color .18s var(--ease-out), transform .18s var(--ease-out); }
.caso-cierre__iconos a:hover{ background:var(--fg); color:var(--bg); border-color:var(--fg);
  transform:translateY(-2px); }
.caso-cierre__iconos svg{ width:22px; height:22px; display:block; }