/* ==========================================================================
   Caso AutoBeltrán · LG Barcelona (tpl-caso.php + inc/caso-autobeltran-lg-barcelona.php), 30/9/26.
   El desvelado: la portada barre un nombre con el otro, las cifras son una ficha técnica, cada presentación
   se destapa bajo una funda de satén, Red Days gira en su op-art, un hilo cose las dos acciones de redes,
   el nombre nuevo se cuenta en tres pasos y la etapa de LG Barcelona avanza año a año.
   · Solo transform, opacity y clip-path; el progreso lo calcula assets/js/caso-autobeltran-lg-barcelona.js
     sobre el motor común (escenas con data-cx-stage: el motor enciende cada pieza y pinta la página).
   · La funda es una textura de satén en gris (ab-caso-funda-textura.jpg) teñida con el color de cada noche.
   · Sin JavaScript o con movimiento reducido: todo destapado, en su sitio y quieto.
   ========================================================================== */

body.cx-autobeltran-lg-barcelona{--ab-rojo:#E2232A;--ab-hueso:#F4F3F1}

/* ---------- Portada: la luz barre AutoBeltrán y deja LG Barcelona ---------- */
.ab-hero{height:240svh}
.ab-hero-st{position:sticky;top:0;height:100svh;overflow:hidden;background:#07080B;--x:calc(.035 + var(--q,0) * .965)}
.ab-hero-l{position:absolute;inset:0;z-index:1}
.ab-hero-b{z-index:2;clip-path:inset(0 calc((1 - var(--x)) * 100%) 0 0)}
.ab-hero-f{position:absolute;inset:0;margin:0;overflow:hidden}
.ab-hero-f picture{display:block;width:100%;height:100%}
.ab-hero-i{display:block;width:100%;height:100%;object-fit:cover}
.ab-hero-a .ab-hero-i{transform:scale(calc(1.02 + var(--q,0) * .08));transform-origin:70% 40%}
.ab-hero-b .ab-hero-i{transform:scale(calc(1.12 - var(--q,0) * .1));transform-origin:50% 60%}
html.cx-js:not(.cx-rm) .ab-hero-a picture{animation:cx-asienta 1.8s cubic-bezier(.2,.7,.2,1) .15s both}
.ab-o-ab{object-position:60% 40%}
.ab-o-lg{object-position:50% 56%}
.ab-hero-f::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(5,6,9,.74) 0%,rgba(5,6,9,.22) 30%,rgba(5,6,9,0) 48%,rgba(5,6,9,.12) 70%,rgba(5,6,9,.8) 100%)}
.ab-hero-top{position:absolute;left:0;right:0;top:calc(24px + 55px + clamp(10px,2.4svh,26px));z-index:2}
.ab-hero-n{margin:0;overflow:hidden;padding-bottom:.05em;font-family:'nh-ultralight',var(--f-text);font-weight:200;font-size:var(--abfs,13.4vw);line-height:.86;letter-spacing:-.04em;color:var(--ab-hueso);white-space:nowrap}
.ab-hero-w{display:inline-block}
html.cx-js:not(.cx-rm) .ab-hero-a .ab-hero-w{animation:cx-sube 1.25s cubic-bezier(.2,.7,.2,1) .3s both}
.ab-hero-luz{position:absolute;top:0;bottom:0;left:calc(var(--x) * 100%);width:0;z-index:3;pointer-events:none}
.ab-hero-luz::before{content:"";position:absolute;top:0;bottom:0;left:-140px;width:280px;
  background:radial-gradient(50% 60% at 50% 50%,rgba(255,236,232,.16),rgba(255,236,232,0) 72%)}
.ab-hero-luz i{position:absolute;top:0;bottom:0;left:-1px;width:2px;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#fff 18%,#fff 82%,rgba(255,255,255,0) 100%);
  box-shadow:0 0 16px 3px rgba(255,255,255,.55),0 0 70px 18px rgba(255,70,70,.22)}
.ab-hero-luz span{position:absolute;top:50%;left:16px;transform:translateY(-50%);font-family:var(--f-label);font-size:11px;letter-spacing:.2em;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.6);opacity:min(1,calc(var(--q,0) * 14))}
html.cx-js:not(.cx-rm) .ab-hero-luz{animation:cx-aparece 1.2s ease 1.2s both}
.ab-hero-cred{position:absolute;left:0;right:0;bottom:clamp(16px,3svh,30px);z-index:4}
.ab-hero-s{margin:0 0 clamp(18px,2.8svh,30px);max-width:26em;font-family:var(--f-light);font-weight:300;font-size:clamp(18px,1.7vw,26px);line-height:1.35;color:rgba(244,243,241,.92);text-shadow:0 1px 18px rgba(0,0,0,.55)}
html.cx-js:not(.cx-rm) .ab-hero-s{animation:cx-aparece 1s ease 1s both}
.ab-hero-cred .cx-cred dd,.ab-hero-cred .cx-cred dt{text-shadow:0 1px 12px rgba(0,0,0,.5)}
html:not(.cx-js) .ab-hero{height:100svh}

/* ---------- 01 Datos técnicos ---------- */
.ab-dat{padding:clamp(120px,18svh,210px) 0 clamp(110px,15svh,180px)}
.ab-spec{margin:clamp(70px,9vw,130px) 0 0;border-bottom:1px solid var(--cx-line)}
.ab-spec-r{position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(16px,2vw,28px);align-items:end;padding:clamp(16px,2vw,26px) 0 clamp(14px,1.6vw,22px)}
.ab-spec-r::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--cx-fg);opacity:.32;transform-origin:0 50%}
.ab-spec dt{padding-bottom:.9em;font-family:var(--f-label);font-size:11px;letter-spacing:.16em;text-transform:uppercase;line-height:1.5;color:var(--cx-fg2)}
.ab-spec dd{margin:0;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.ab-spec .ab-spec-v{font-size:clamp(52px,7vw,118px);line-height:.86}
.ab-spec-u{padding-bottom:.9em;max-width:26ch;text-align:right;font-family:var(--f-label);font-size:11px;letter-spacing:.14em;text-transform:uppercase;line-height:1.5;color:var(--cx-fg3)}
html.cx-js:not(.cx-rm) .ab-spec-r::before{transform:scaleX(0);transition:transform 1.3s cubic-bezier(.2,.7,.2,1) calc(var(--i) * .12s)}
html.cx-js:not(.cx-rm) .ab-spec-r>*{opacity:0;transform:translateY(16px);transition:opacity .8s ease calc(.25s + var(--i) * .12s),transform .9s cubic-bezier(.2,.7,.2,1) calc(.25s + var(--i) * .12s)}
html.cx-js .ab-spec.in .ab-spec-r::before{transform:none}
html.cx-js .ab-spec.in .ab-spec-r>*{opacity:1;transform:none}

/* ---------- 02 Presentaciones: cada noche se destapa ---------- */
.ab-des-in{padding:clamp(120px,18svh,210px) 0 clamp(70px,9vw,120px)}
.ab-des{height:calc(var(--n,10) * 78svh + 100svh)}
.ab-des-st{position:sticky;top:0;height:100svh;overflow:hidden;background:#050507}
.ab-des .ab-des-f{position:absolute;inset:0;margin:0;border-radius:0;overflow:hidden;opacity:1;transform:none;visibility:hidden;z-index:1;transition:visibility 0s linear .85s}
.ab-des .ab-des-f.on{visibility:visible;z-index:3;transition:none}
.ab-des .ab-des-f.out{transform:none}
.ab-des-i{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ab-des-f::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.08) 24%,rgba(0,0,0,0) 44%,rgba(0,0,0,.2) 62%,rgba(0,0,0,.78) 100%)}
.ab-des-c{position:absolute;left:0;right:0;bottom:clamp(26px,5svh,56px);z-index:2;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(16px,2vw,28px);align-items:end;color:var(--ab-hueso)}
.ab-des-y{grid-column:1;grid-row:1;margin-bottom:clamp(12px,1.6svh,20px);font-family:var(--f-label);font-size:12px;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.ab-des-m{grid-column:1;grid-row:2;display:block;font-family:'nh-ultralight',var(--f-text);font-weight:200;font-size:clamp(72px,12vw,210px);line-height:.8;letter-spacing:-.045em;white-space:nowrap;text-shadow:0 2px 40px rgba(0,0,0,.35)}
.ab-des-p{grid-column:2;grid-row:2;justify-self:end;max-width:30ch;padding-bottom:.35em;font-family:var(--f-light);font-weight:300;font-size:clamp(17px,1.35vw,21px);line-height:1.45;text-shadow:0 1px 16px rgba(0,0,0,.6)}
/* La funda: satén teñido con el color de la noche; cae, cubre y se levanta con un brillo que la recorre */
.ab-funda{position:absolute;left:-4%;right:-4%;top:-8%;height:116%;z-index:4;pointer-events:none;
  background-color:var(--fc,#23252B);
  background-image:linear-gradient(104deg,rgba(255,255,255,0) 34%,rgba(255,255,255,.2) 47%,rgba(255,255,255,0) 60%),var(--funda);
  background-size:260% 100%,cover;background-position:0% 0,50% 50%;background-repeat:no-repeat;
  background-blend-mode:screen,overlay;
  border-radius:0 0 50% 50%/0 0 8% 8%;box-shadow:0 28px 90px rgba(0,0,0,.65);
  transform:translate3d(0,-112%,0);will-change:transform}
html.cx-js .ab-des:not(.ab-vis) .ab-funda{transform:none}
html.cx-js .ab-des.ab-vis .ab-des-f.on .ab-funda{animation:ab-cubre 2.3s cubic-bezier(.62,0,.24,1) both}
html.cx-js .ab-des.ab-vis .ab-des-f.on .ab-des-i,html.cx-js .ab-des.ab-vis .ab-des-f.on::after{animation:ab-foto 2.3s linear both}
html.cx-js .ab-des.ab-vis .ab-des-f.on .ab-des-i{animation:ab-foto 2.3s linear both,ab-kb 7s cubic-bezier(.2,.7,.2,1) .75s both}
html.cx-js .ab-des.ab-vis .ab-des-f.on.ab-ini .ab-funda{animation:ab-destapa 1.6s cubic-bezier(.62,0,.24,1) .25s both}
html.cx-js .ab-des.ab-vis .ab-des-f.on.ab-ini .ab-des-i{animation:ab-kb 7s cubic-bezier(.2,.7,.2,1) .4s both}
html.cx-js .ab-des.ab-vis .ab-des-f.on.ab-ini::after{animation:none}
html.cx-js .ab-des-c>*{opacity:0}
html.cx-js .ab-des.ab-vis .ab-des-f.on .ab-des-c>*{animation:ab-txt 1s cubic-bezier(.2,.7,.2,1) 1.45s both}
html.cx-js .ab-des.ab-vis .ab-des-f.on .ab-des-c>.ab-des-m{animation-delay:1.35s}
html.cx-js .ab-des.ab-vis .ab-des-f.on .ab-des-c>.ab-des-p{animation-delay:1.6s}
html.cx-js .ab-des.ab-vis .ab-des-f.on.ab-ini .ab-des-c>*{animation-delay:1.25s}
@keyframes ab-cubre{
  0%{transform:translate3d(0,-112%,0);background-position:0% 0,50% 50%}
  32%,42%{transform:translate3d(0,0,0);background-position:40% 0,50% 50%}
  100%{transform:translate3d(0,-114%,0) scaleY(1.03);background-position:100% 0,50% 50%}}
@keyframes ab-destapa{
  0%{transform:translate3d(0,0,0);background-position:30% 0,50% 50%}
  100%{transform:translate3d(0,-114%,0) scaleY(1.03);background-position:100% 0,50% 50%}}
@keyframes ab-foto{0%,31%{opacity:0}32%,100%{opacity:1}}
@keyframes ab-kb{from{transform:scale(1.07)}to{transform:scale(1)}}
@keyframes ab-txt{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
/* Índice de modelos, arriba */
.ab-des-ix{position:absolute;left:0;right:0;top:calc(24px + 55px + 16px);z-index:5;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;color:var(--ab-hueso)}
.ab-des-ix ol{display:flex;flex-wrap:wrap;gap:clamp(12px,1.8vw,28px);list-style:none;margin:0;padding:0}
.ab-des-ix li{position:relative;display:flex;flex-direction:column;gap:3px;padding-bottom:8px;font-family:var(--f-label);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,243,241,.42);transition:color .5s ease;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.ab-des-ix li b{font-weight:400;white-space:nowrap}
.ab-des-ix li i{font-style:normal;font-size:10px;letter-spacing:.14em;opacity:.8}
.ab-des-ix li::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.ab-des-ix li.on{color:var(--ab-hueso)}
.ab-des-ix li.on::after{transform:none}
.ab-des-cn{margin:0;flex:0 0 auto;font-family:var(--f-label);font-size:11px;letter-spacing:.16em;font-variant-numeric:tabular-nums;text-shadow:0 1px 10px rgba(0,0,0,.4)}
html:not(.cx-js) .ab-des{height:auto}
html:not(.cx-js) .ab-des-st{position:static;height:auto;background:none}
html:not(.cx-js) .ab-des .ab-des-f{position:relative;height:86svh;visibility:visible}
html:not(.cx-js) .ab-funda,html:not(.cx-js) .ab-des-ix,html.cx-rm .ab-funda{display:none}
html.cx-rm .ab-des-c>*{opacity:1}
html.cx-rm .ab-des .ab-des-f{transition:none}

/* ---------- 03 Red Days: el op-art gira con el scroll ---------- */
.ab-rd{padding:clamp(120px,18svh,210px) 0 0}
.ab-rd-esc{position:relative;padding-bottom:clamp(90px,14svh,170px)}
.ab-rd-st{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden;pointer-events:none}
.ab-rd-disco{position:relative;width:min(112vmin,1180px);aspect-ratio:1;border-radius:50%;transform:rotate(calc(var(--p,0) * 150deg))}
.ab-rd-rayas{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,#151515 0deg 6deg,#F1F0EC 6deg 12deg)}
.ab-rd-rayas2{inset:20%;background:repeating-conic-gradient(from 3deg,#151515 0deg 6deg,#F1F0EC 6deg 12deg);transform:rotate(calc(var(--p,0) * -260deg))}
.ab-rd-sol{position:absolute;inset:33%;border-radius:50%;background:var(--ab-rojo);display:grid;place-content:center;justify-items:center;color:#fff;box-shadow:0 20px 60px rgba(120,0,10,.35);transform:rotate(calc(var(--p,0) * -150deg)) scale(calc(.92 + var(--p,0) * .2))}
.ab-rd-sol b{font-family:'nh-ultralight',var(--f-text);font-weight:200;font-size:clamp(84px,15vmin,190px);line-height:.8;letter-spacing:-.04em}
.ab-rd-sol em{margin-top:.6em;font-style:normal;font-family:var(--f-label);font-size:12px;letter-spacing:.24em;text-transform:uppercase}
.ab-rd-g{position:relative;z-index:2;margin-top:-100svh;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(12px,1.6vw,22px);row-gap:clamp(70px,16svh,180px);padding-top:74svh;align-items:start}
.ab-rd-g .cx-f{box-shadow:0 30px 90px rgba(0,0,0,.28)}
.ab-rd-a{grid-column:1/span 7}
.ab-rd-b{grid-column:9/span 4;margin-top:34svh}
.ab-rd-c{grid-column:2/span 5}
.ab-rd-d{grid-column:7/span 6;margin-top:22svh}
.ab-rd-e{grid-column:1/span 5;margin-top:6svh}
.ab-rd-f{grid-column:7/span 6;margin-top:30svh}
html.cx-rm .ab-rd-disco,html.cx-rm .ab-rd-rayas2,html.cx-rm .ab-rd-sol{transform:none}

/* ---------- 04 Redes: el hilo cose las dos acciones ---------- */
.ab-in{padding:clamp(120px,18svh,210px) 0 clamp(110px,15svh,180px);overflow:hidden}
.ab-hilo{position:absolute;left:calc(var(--edge,5%) * .5);top:clamp(120px,18svh,210px);bottom:clamp(110px,15svh,180px);width:2px;
  background:repeating-linear-gradient(180deg,#D8879F 0 11px,rgba(216,135,159,0) 11px 20px);
  clip-path:inset(0 0 calc((1 - var(--hilo,1)) * 100%) 0)}
.ab-in-b{margin-top:clamp(80px,11vw,160px)}
.ab-in-h{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(16px,2vw,28px);align-items:end;margin-bottom:clamp(26px,3vw,44px)}
.ab-in-h h3{margin:0;font-family:'nh-ultralight',var(--f-text);font-weight:200;font-size:clamp(30px,3.2vw,54px);line-height:1.04;letter-spacing:-.02em;color:var(--cx-fg);text-wrap:balance}
.ab-in-h .cx-p{justify-self:end}
.ab-in-k{display:block;margin-bottom:14px;font-family:var(--f-label);font-size:11px;letter-spacing:.16em;text-transform:uppercase;line-height:1.4;color:var(--cx-fg3)}
.ab-in-g{row-gap:clamp(12px,1.6vw,22px)}
.ab-in-g>.c-6{grid-column:span 6}
.ab-in-rosa{background:#F5D4DE}
.ab-in-rosa img{mix-blend-mode:multiply}
.cx-f .ab-o-contain{object-fit:contain;padding:5% 7%}

/* ---------- 05 El nombre nuevo, en tres pasos ---------- */
.ab-nom{height:calc(var(--n,3) * 92svh + 100svh)}
.ab-nom-st{position:sticky;top:0;height:100svh;display:flex;align-items:center;overflow:hidden}
.ab-nom-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(32px,5vw,90px);align-items:center;padding-top:79px}
.ab-nom-x .cx-h{margin-bottom:clamp(26px,4svh,48px)}
.ab-nom-pasos{position:relative;list-style:none;margin:0;padding:0;min-height:13.5em}
.ab-nom-p{position:absolute;left:0;right:0;top:0;opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.ab-nom-p.on{opacity:1;transform:none;transition-delay:.12s}
.ab-nom-f{display:block;font-family:var(--f-label);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cx-fg3)}
.ab-nom-p h3{margin:10px 0 14px;font-family:'nh-ultralight',var(--f-text);font-weight:200;font-size:clamp(30px,3vw,48px);line-height:1.04;letter-spacing:-.02em;color:var(--cx-fg)}
.ab-nom-p p{margin:0;max-width:40ch;font-family:var(--f-light);font-weight:300;font-size:clamp(16px,1.2vw,18px);line-height:1.6;color:var(--cx-fg2)}
.ab-nom-bar{display:flex;gap:8px;margin-top:clamp(18px,3svh,30px)}
.ab-nom-bar i{flex:0 0 40px;height:2px;background:var(--cx-line);transition:background .5s ease}
.ab-nom-bar i.on{background:var(--cx-fg)}
.ab-nom .ab-nom-v{justify-self:stretch;width:100%;aspect-ratio:16/10}
.ab-nom .ab-nom-m{border-radius:18px;background:#000}
.ab-nom .ab-nom-m img{display:block;width:100%;height:100%;object-fit:cover}
.ab-nom .ab-nom-vid video{object-fit:contain}
.ab-o-esc{object-position:50% 24%}
html:not(.cx-js) .ab-nom{height:auto;padding:120px 0}
html:not(.cx-js) .ab-nom-st{position:static;height:auto}
html:not(.cx-js) .ab-nom-p{position:relative;opacity:1;transform:none;margin-bottom:28px}
html:not(.cx-js) .ab-nom-pasos{min-height:0}
html:not(.cx-js) .ab-nom-bar{display:none}
html:not(.cx-js) .ab-nom .ab-nom-v{display:grid;grid-template-columns:1fr;gap:12px;aspect-ratio:auto}
html:not(.cx-js) .ab-nom .ab-nom-m{position:relative;aspect-ratio:16/10}

/* ---------- 06 LG Barcelona, año a año ---------- */
.ab-lg{padding:clamp(120px,18svh,210px) 0 clamp(80px,10svh,130px)}
.ab-lg-g{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);column-gap:clamp(24px,4vw,70px);margin-top:clamp(70px,9vw,130px)}
.ab-lg-y{position:relative}
.ab-lg-yv{position:sticky;top:calc(50svh - .5em);display:block;font-family:'nh-ultralight',var(--f-text);font-weight:200;font-size:clamp(64px,8.6vw,146px);line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--cx-fg)}
.ab-lg-yv.cambia{animation:ab-txt .8s cubic-bezier(.2,.7,.2,1) both}
.ab-lg-r{padding:clamp(34px,5vw,70px) 0 clamp(40px,6vw,90px);border-top:1px solid var(--cx-line)}
.ab-lg-r:first-child{border-top:0;padding-top:0}
.ab-lg-r header{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(16px,2vw,28px);align-items:end;margin-bottom:clamp(20px,2.4vw,34px)}
.ab-lg-r h3{grid-column:1;margin:0;font-family:'nh-ultralight',var(--f-text);font-weight:200;font-size:clamp(34px,3.6vw,60px);line-height:1;letter-spacing:-.025em;color:var(--cx-fg)}
.ab-lg-m{grid-column:1;margin:12px 0 0;font-family:var(--f-label);font-size:11px;letter-spacing:.16em;text-transform:uppercase;line-height:1.5;color:var(--cx-fg3)}
.ab-lg-r header .cx-p{grid-column:2;grid-row:1/span 3;justify-self:end;align-self:end}
.ab-lg-ry{display:none}
.ab-lg-rev{position:relative}
.ab-lg-rev img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ab-lg-tapa{position:absolute;inset:0;z-index:1;clip-path:inset(0 0 calc(clamp(0,var(--vp,0) * 1.15 - .1,1) * 100%) 0)}
.ab-lg-tapa::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(255,255,255,.55);box-shadow:0 0 18px 4px rgba(255,255,255,.35)}
html:not(.cx-js) .ab-lg-tapa{display:none}
.ab-lg-2{row-gap:clamp(12px,1.6vw,22px)}
.ab-lg-vert{justify-self:stretch}
.ab-o-bou{object-position:62% 50%}
.ab-o-dr{object-position:30% 50%}

/* ---------- Cierre ---------- */
.ab-fin{padding:clamp(110px,16svh,190px) 0 0}
.ab-fin-t{margin:0;max-width:17em;font-family:'nh-ultralight',var(--f-text);font-weight:200;font-size:clamp(34px,4.6vw,76px);line-height:1.1;letter-spacing:-.025em;color:var(--cx-fg);text-wrap:balance}
.ab-fin .ab-fin-f{margin-bottom:0}

/* ---------- Tabletas y móvil ---------- */
@media (max-width:900px){
  .ab-nom-g{grid-template-columns:minmax(0,1fr);row-gap:clamp(18px,3svh,30px);align-content:center;padding-top:70px}
  .ab-nom .ab-nom-v{order:-1;aspect-ratio:16/10;width:100%}
  .ab-nom-x .cx-k{margin-bottom:10px}
  .ab-nom-x .cx-h{font-size:clamp(30px,8vw,46px);margin-bottom:16px}
  .ab-nom-pasos{min-height:12.5em}
  .ab-nom-p h3{font-size:clamp(24px,6.4vw,34px);margin:6px 0 8px}
  .ab-nom-p p{font-size:15px;line-height:1.55}
  .ab-lg-g{grid-template-columns:minmax(0,1fr)}
  .ab-lg-y{display:none}
  .ab-lg-ry{display:block;grid-column:1;margin-bottom:10px;font-family:'nh-ultralight',var(--f-text);font-weight:200;font-size:clamp(46px,13vw,70px);line-height:1;letter-spacing:-.04em;color:var(--cx-fg3)}
  .ab-lg-r header{grid-template-columns:minmax(0,1fr)}
  .ab-lg-r header .cx-p{grid-column:1;grid-row:auto;justify-self:start;margin-top:14px}
  .ab-in-h{grid-template-columns:minmax(0,1fr);row-gap:12px}
  .ab-in-h .cx-p{justify-self:start}
  .ab-spec-r{grid-template-columns:minmax(0,1fr);row-gap:4px}
  .ab-spec dt{padding-bottom:0}
  .ab-des-c{grid-template-columns:minmax(0,1fr)}
  .ab-des-p{grid-column:1;grid-row:3;justify-self:start;margin-top:14px}
  .ab-des-ix ol{display:none}
  .ab-rd-g{padding-top:66svh}
  .ab-rd-g>.cx-f{grid-column:1/-1;margin-top:0}
  .ab-rd-g>.ab-rd-b,.ab-rd-g>.ab-rd-e{grid-column:2/-1}
  .ab-rd-g>.ab-rd-c,.ab-rd-g>.ab-rd-f{grid-column:1/-2}
  .ab-lg-2>.c-4.ab-lg-vert{grid-column:1/-1;width:min(100%,360px);justify-self:center}
}
@media (max-width:760px){
  .ab-hero-top{top:calc(16px + 55px + clamp(12px,2.4svh,26px))}
  .ab-hero .cx-cred{grid-template-columns:1fr 1fr}
  .ab-hero-s{font-size:17px;max-width:22em}
  .ab-des{height:calc(var(--n,10) * 70svh + 100svh)}
  .ab-des-ix{top:calc(16px + 55px + 14px)}
  .ab-des-m{font-size:clamp(58px,19vw,110px)}
  .ab-des-p{font-size:16px}
  .ab-rd-disco{width:128vmax;max-width:none}
  .ab-rd-g{row-gap:clamp(48px,10svh,90px)}
  .ab-hilo{left:12px}
}
@media (max-aspect-ratio:4/5){
  .ab-o-ab{object-position:0% 50%}
}
@media (prefers-reduced-motion:reduce){
  .ab-hero-a picture,.ab-hero-w,.ab-hero-s,.ab-hero-luz{animation:none}
  html.cx-js .ab-spec-r::before,html.cx-js .ab-spec-r>*{transition:none}
  .ab-nom-p{transition:none}
}
@media (max-width:599px){
  .ab-in-g>.c-6{grid-column:1/-1}
}