/* Rubber City Studios v2 (nov 2026): capa encima de estudio.css / sitio.css.
   Negro con luz que se mueve, grano, botones rectos, persiana con el sello al cambiar de página.
   La portada usa las clases n-* (abajo). */
:root{--obs-3:#171c1a;--tenue:#7c857f;--ease2:cubic-bezier(.2,.7,.2,1)}
html{background:var(--obs)}
body{background:transparent}

/* luz de fondo */
#luz{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0;transition:opacity 1.6s ease}
#luz.listo{opacity:1}
.grano{animation:grano-v2 1s steps(6) infinite;inset:-50%!important;width:200%;height:200%}
@keyframes grano-v2{0%,100%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}}

/* barra sólida, sin vidrio */
.barra.solida,.menu-abierto .barra{background:rgba(10,13,12,.94);backdrop-filter:none;-webkit-backdrop-filter:none}
.marca svg circle{stroke-dasharray:139;stroke-dashoffset:139;animation:aro-v2 1.4s .2s var(--ease2) forwards}
@keyframes aro-v2{to{stroke-dashoffset:0}}

/* botones rectos */
.btn{border-radius:3px}
.btn.prim{box-shadow:none}
.btn.prim:hover{box-shadow:none}
.btn.alt{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.btn.alt:hover{background:rgba(236,230,218,.06);border-color:var(--hueso)}
.movil{background:rgba(10,13,12,.96)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.t-idioma{border-radius:4px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--obs-3)!important}

/* títulos palabra por palabra */
.js h2.v2-p{opacity:1!important;transform:none!important}
.js h2.v2-p .vw{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .1em .2em;margin:0 -.1em -.2em}
.js h2.v2-p .vw>span{display:inline-block;transform:translateY(150%);transition:transform .9s var(--ease2);transition-delay:calc(var(--k)*45ms + var(--dl,0s))}
.js h2.v2-p.in .vw>span,.js h2.v2-p.ver .vw>span{transform:none}

/* persiana */
.persiana{position:fixed;inset:0;z-index:95;display:grid;grid-template-columns:repeat(6,1fr);pointer-events:none}
.persiana>span{background:var(--obs-3);border-right:1px solid var(--linea);transform:scaleY(0);transform-origin:50% 100%;transition:transform .34s cubic-bezier(.7,0,.25,1);transition-delay:calc(var(--i)*38ms)}
.persiana.cubre{pointer-events:auto}
.persiana.cubre>span{transform:scaleY(1)}
.persiana.sale>span{transform-origin:50% 0}
.persiana.ya>span{transition:none}
.persiana .p-sello{position:absolute;left:50%;top:calc(50% - 30px);transform:translate(-50%,-50%);width:clamp(72px,8vw,112px);height:clamp(72px,8vw,112px);opacity:0;transition:opacity .2s}
.persiana .p-sello svg{width:100%;height:100%;display:block;transform:scale(.85);transition:transform .5s var(--ease2)}
.persiana .p-sello circle{stroke-dasharray:139;stroke-dashoffset:139;transition:stroke-dashoffset .5s var(--ease2) .15s}
.persiana .dest{position:absolute;left:50%;top:calc(50% + clamp(40px,4.5vw,62px));transform:translate(-50%,10px);font-family:var(--serif);font-style:italic;font-size:clamp(30px,3.6vw,52px);line-height:1;color:var(--hueso);white-space:nowrap;opacity:0;transition:opacity .25s,transform .45s var(--ease2)}
.persiana.cubre .p-sello{opacity:1;transition-delay:.2s}
.persiana.cubre .p-sello svg{transform:none}
.persiana.cubre .p-sello circle{stroke-dashoffset:0}
.persiana.cubre .dest{opacity:1;transform:translate(-50%,0);transition-delay:.3s}
.persiana.ya .p-sello,.persiana.ya .dest{transition:none}
@media (max-width:720px){.persiana{grid-template-columns:repeat(4,1fr)}.persiana>span:nth-child(n+5){display:none}}

/* llegada tapada desde la página anterior */
.v2-llega .persiana>span{transform:scaleY(1)!important;transition:none!important}
.v2-llega .persiana .p-sello{opacity:1}
.v2-llega .persiana .p-sello circle{stroke-dashoffset:0}

/* vista previa que sigue al mouse */
.vista{position:fixed;left:0;top:0;width:300px;height:210px;z-index:39;pointer-events:none;border-radius:4px;overflow:hidden;opacity:0;scale:.85;transition:opacity .35s,scale .45s var(--ease2);background:var(--obs-2);box-shadow:0 30px 70px rgba(0,0,0,.6)}
.vista.on{opacity:1;scale:1}
.vista>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s}
.vista>.on{opacity:1}
.vista .v-llam{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:26px;background:var(--obs-3)}
.v-llam small{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ceniza)}
.v-llam b{font-size:24px;letter-spacing:-.03em;line-height:1.1;color:var(--hueso)}
.v-llam span{font-size:14px;color:var(--ceniza)}
.v-llam i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--jade);margin-right:8px;animation:latido-v2 1.6s infinite}
@keyframes latido-v2{50%{opacity:.3}}
@media (hover:none),(max-width:900px){.vista{display:none}}


/* sin texto de color: las cursivas van en hueso */
em.s{color:inherit}
.eyebrow b{color:var(--hueso)}
.panel a i,.visor .nombre i,.dolor li i,.serv .rom,.card .r,.ruta li i,.srv .r,.caso .info .n,.galeria figcaption i,.fund i{color:var(--tenue)!important}
.cinta span:nth-child(3n+2),.inversion small,.inversion.cot .m b,.srv .inv b.cot,.srv .ir,.siguiente b em,.chips span.c{color:var(--hueso)!important}
[style*="color:var(--maiz)"]:not([style*="background"]),.fund b,.texto h2 i,.faq summary:hover,.idioma b{color:var(--hueso)!important}
.indice a[aria-current]{color:var(--hueso)!important;border-color:var(--hueso)!important}
/* menos redondo, nada de píldoras */
.tag,.chip,.idioma,.chips span,.tabs-port [role=tab],.mini .b.m,.ticket .st,.sitio .bts span{border-radius:3px!important}
.visor,.tira,.inversion,.nave,.real,.llamada,.ticket,.fund,.chat,.cita,.obra,.obra .foto,.card,.srv a{border-radius:6px!important}

/* ================= portada (n-*) ================= */
.n-env{max-width:1320px;margin:0 auto;padding-left:var(--gutter-l,20px);padding-right:var(--gutter-r,20px)}
.n-ind{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ceniza);font-weight:500}
.n-enlace{font-weight:500;text-decoration:none;border-bottom:1px solid var(--linea-2);padding:12px 0 4px;transition:border-color .2s}
.n-enlace:hover{border-color:var(--hueso)}
.n-portada{padding:calc(68px + env(safe-area-inset-top,0px) + clamp(10px,1.4vw,22px)) 0 clamp(40px,6vw,80px)}
.n-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;padding-bottom:22px;border-bottom:1px solid var(--linea);margin-bottom:clamp(32px,5vw,64px)}
.n-meta a{text-decoration:none;padding:8px 0;color:inherit;transition:color .2s}
.n-meta a:hover{color:var(--hueso)}
.n-h1{margin:0;font-weight:800;font-size:clamp(46px,9.6vw,156px);line-height:.92;letter-spacing:-.05em;max-width:13ch}
.n-h1 em.s{font-size:1.06em}
.js .n-h1 .ln{display:block;overflow:hidden;padding-bottom:.2em;margin-bottom:-.14em}
.js .n-h1 .ln>span{display:block;transform:translateY(150%);transition:transform 1s var(--ease2);transition-delay:var(--d,0s)}
.js .n-h1.ver .ln>span{transform:none}
.n-pie{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;margin-top:clamp(32px,5vw,64px);align-items:end}
.n-pie p{grid-column:7 / span 5;margin:0;font-size:clamp(17px,1.4vw,20px);color:var(--ceniza);max-width:46ch;line-height:1.6}
.n-pie p b{color:var(--hueso);font-weight:500}
.n-acc{grid-column:1 / span 6;grid-row:1;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
@media (max-width:820px){.n-pie{grid-template-columns:1fr}.n-pie p,.n-acc{grid-column:1;grid-row:auto}}
.n-banda{position:relative;overflow:hidden;aspect-ratio:3/2;background:var(--obs-2);clip-path:inset(var(--ci,0%) var(--ci,0%) var(--ci,0%) var(--ci,0%) round var(--cr,0px))}
.n-banda img{width:100%;height:100%;object-fit:cover;transform:scale(var(--z,1))}
.n-ley{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:16px;font-size:13px;color:var(--tenue)}
.n-fig{margin:0 auto;max-width:min(1600px,calc((100vh - 150px) * 1.5 + 40px))}
.n-sec{padding:clamp(80px,12vw,180px) 0}
.n-sec.sin-arriba{padding-top:0}
.n-cab{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;margin-bottom:clamp(40px,6vw,88px)}
.n-cab .n-ind{grid-column:1 / span 3;padding-top:14px}
.n-cab h2{grid-column:4 / span 9;margin:0;font-size:clamp(36px,6vw,96px);line-height:1;letter-spacing:-.045em;font-weight:800;max-width:16ch}
@media (max-width:820px){.n-cab{grid-template-columns:1fr;gap:18px}.n-cab .n-ind,.n-cab h2{grid-column:1;padding-top:0}}
.n-tres{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;list-style:none;margin:0;padding:0}
.n-tres li{grid-column:span 3;border-top:1px solid var(--linea-2);padding-top:20px}
.n-tres li:first-child{grid-column:4 / span 3}
.n-tres .n{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--tenue)}
.n-tres b{display:block;font-size:20px;line-height:1.3;letter-spacing:-.02em;font-weight:600;margin:10px 0 8px}
.n-tres span{color:var(--ceniza);font-size:16px;line-height:1.6}
@media (max-width:820px){.n-tres{grid-template-columns:1fr;gap:36px}.n-tres li,.n-tres li:first-child{grid-column:1}}
.n-lista{border-top:1px solid var(--linea-2)}
.n-serv{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:center;padding:clamp(24px,3.4vw,44px) 0;border-bottom:1px solid var(--linea-2);text-decoration:none;color:inherit}
.n-serv .n{grid-column:1 / span 1;font-family:var(--serif);font-style:italic;font-size:24px;color:var(--tenue)}
.n-serv h3{grid-column:2 / span 5;margin:0;font-size:clamp(30px,4.4vw,68px);line-height:1;letter-spacing:-.045em;font-weight:800;transition:transform .5s var(--ease2)}
.n-serv p{grid-column:7 / span 3;margin:0;color:var(--ceniza);font-size:16px;line-height:1.55}
.n-serv .inv{grid-column:10 / span 2;font-size:14px;color:var(--ceniza)}
.n-serv .inv b{display:block;color:var(--hueso);font-size:22px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.n-serv .fl{grid-column:12;justify-self:end;width:48px;height:48px;border:1px solid var(--linea-2);border-radius:50%;display:grid;place-items:center;transition:background .3s,color .3s,border-color .3s}
.n-serv .fl svg{width:18px;height:18px;transition:transform .4s var(--ease2)}
.n-serv:hover h3{transform:translateX(12px)}
.n-serv:hover .fl{background:var(--hueso);color:var(--obs);border-color:var(--hueso)}
.n-serv:hover .fl svg{transform:rotate(-45deg)}
.n-mas{display:flex;justify-content:flex-end;margin-top:28px}
@media (max-width:900px){
  .n-serv{grid-template-columns:40px 1fr auto;gap:8px 16px;align-items:start}
  .n-serv .n{grid-column:1;padding-top:6px}.n-serv h3{grid-column:2}.n-serv .fl{grid-column:3;grid-row:1}
  .n-serv p,.n-serv .inv{grid-column:2 / span 2}
  .n-serv .inv b{display:inline;margin-left:8px;font-size:18px}
}
.n-caso{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:end}
.n-pant{grid-column:1 / span 8;position:relative;padding-bottom:8%}
.n-marco{border:1px solid var(--linea);border-radius:6px;overflow:hidden;background:var(--obs-2)}
.n-marco .tope{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--linea)}
.n-marco .tope i{width:9px;height:9px;border-radius:50%;background:var(--linea-2)}
.n-cel{position:absolute;right:3%;bottom:0;width:24%;border:1px solid var(--linea-2);border-radius:18px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.55)}
.n-txt{grid-column:9 / span 4}
.n-txt h3{margin:10px 0 14px;font-size:clamp(30px,3.4vw,52px);line-height:1;letter-spacing:-.04em;font-weight:800}
.n-txt p{color:var(--ceniza);margin:0 0 28px;line-height:1.6}
.n-dato{border-top:1px solid var(--linea-2);padding-top:18px;margin-bottom:28px}
.n-dato b{display:block;font-size:clamp(44px,5vw,72px);line-height:1;letter-spacing:-.05em;font-weight:800;font-variant-numeric:tabular-nums}
.n-dato span{color:var(--ceniza);font-size:15px}
.n-duenio{display:block;font-size:12px;color:var(--tenue);margin-top:18px}
@media (max-width:900px){.n-caso{grid-template-columns:1fr}.n-pant,.n-txt{grid-column:1}.n-cel{right:2%}}
.n-fotos{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(12px,1.6vw,24px);margin-top:clamp(72px,9vw,140px);align-items:start}
.n-fotos figure{margin:0}
.n-foto{overflow:hidden;background:var(--obs-2)}
.n-foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease2);transform:none}
.n-foto:hover img{transform:scale(1.03)}
.n-fotos figcaption{font-size:13px;color:var(--tenue);padding-top:12px}
.n-f1{grid-column:1 / span 7}.n-f1 .n-foto{aspect-ratio:3/2}
.n-f2{grid-column:9 / span 4;margin-top:18%}.n-f2 .n-foto{aspect-ratio:3/4}
.n-ftit{grid-column:1 / span 4;align-self:center}
.n-f4{grid-column:6 / span 7;margin-top:clamp(24px,4vw,64px)}.n-f4 .n-foto{aspect-ratio:3/2}
.n-ftit h3{font-size:clamp(28px,3vw,44px);letter-spacing:-.04em;line-height:1.05;margin:10px 0 12px;font-weight:800}
.n-ftit p{color:var(--ceniza);margin:0 0 20px;max-width:40ch;line-height:1.6}
@media (max-width:820px){.n-fotos{grid-template-columns:repeat(6,1fr)}.n-f1{grid-column:1 / -1}.n-f2{grid-column:2 / -1;margin-top:0}.n-f4{grid-column:1 / -1}.n-ftit{grid-column:1 / -1;order:5;margin-top:16px}}
.n-pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.n-paso{border-top:1px solid var(--linea-2);padding-top:22px}
.n-paso .n{font-family:var(--serif);font-style:italic;font-size:44px;line-height:1;color:var(--hueso);opacity:.55}
.n-paso h3{margin:18px 0 8px;font-size:24px;letter-spacing:-.025em;font-weight:700}
.n-paso p{margin:0;color:var(--ceniza);line-height:1.6}
@media (max-width:820px){.n-pasos{grid-template-columns:1fr;gap:40px}}
.n-contacto{background:rgba(16,20,18,.55);border-top:1px solid var(--linea)}
.n-contacto h2{margin:18px 0 0;font-size:clamp(28px,3vw,44px);letter-spacing:-.035em;line-height:1.1;font-weight:700}
.n-grande{display:block;text-decoration:none;font-weight:800;font-size:clamp(44px,10.5vw,176px);line-height:.95;letter-spacing:-.055em;font-variant-numeric:tabular-nums;margin:clamp(24px,4vw,48px) 0;transition:opacity .2s;overflow-wrap:anywhere;color:var(--hueso)}
.n-grande:hover{opacity:.8}
.js .n-grande .c{display:inline-block;transform:translateY(60%);opacity:0;transition:transform .9s var(--ease2),opacity .6s;transition-delay:calc(var(--i)*35ms)}
.js .n-grande.ver .c{transform:none;opacity:1}
.n-cfila{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:start}
.n-cfila>p{grid-column:1 / span 6;margin:0;color:var(--ceniza);font-size:clamp(17px,1.4vw,20px);line-height:1.6}
.n-cfila .n-cacc{grid-column:8 / span 5;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;align-self:start}
.n-cfila .n-nota{grid-column:1 / span 6;font-size:14px;color:var(--tenue);margin:28px 0 0}
@media (max-width:820px){.n-cfila{grid-template-columns:1fr}.n-cfila>*{grid-column:1!important}}
/* entradas de la portada */
.js .n-rv{opacity:0;transform:translate3d(0,22px,0);transition:opacity .7s var(--ease2),transform .7s var(--ease2);transition-delay:var(--d,0s)}
.js .n-rv.ver{opacity:1;transform:none}
.js .n-grande.n-rv{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  .grano{animation:none}.marca svg circle{animation:none;stroke-dashoffset:0}
  .n-banda{clip-path:none}.n-banda img,.n-foto img{transform:none}
  .js h2.v2-p .vw>span,.js .n-grande .c,.js .n-h1 .ln>span,.js .n-rv{transform:none;opacity:1;transition:none}
  .persiana{display:none}
}

/* imágenes de la portada siempre al ancho de su caja */
.n-marco img,.n-cel img,.n-banda img,.n-foto img,.vista img{max-width:100%;display:block}
.n-marco img,.n-cel img{width:100%;height:auto}
/* botón Ver portafolio (Páginas web): lleno, grande, con brillo que pasa */
.btn.port{position:relative;overflow:hidden;background:var(--hueso);color:#0b0b0a;border:1px solid var(--hueso);padding:18px 30px;font-size:1.05rem;font-weight:600;letter-spacing:.01em;gap:14px;isolation:isolate;display:flex;width:100%;justify-content:space-between}
.btn.port .flecha{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.btn.port::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-120%);animation:port-brillo 4.5s cubic-bezier(.4,0,.2,1) 1.2s infinite}
.btn.port:hover{background:#fff;border-color:#fff;color:#0b0b0a}
.btn.port:hover .flecha{transform:translateX(6px)}
@keyframes port-brillo{0%{transform:translateX(-120%)}35%,100%{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){.btn.port::after{animation:none;display:none}}
/* CocinaLink: captura real de la app en tablet */
.cl-app{padding:clamp(56px,9vw,120px) 0 clamp(24px,4vw,48px)}
.cl-app-cab{max-width:640px;margin-bottom:clamp(28px,4vw,48px)}
.cl-app-cab h2{font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.02;letter-spacing:-.03em;margin:.35em 0 .4em}
.cl-app-cab p{color:var(--ceniza,#a8a39a);font-size:1.05rem;line-height:1.65;max-width:56ch}
.cl-app-cab p b{color:var(--hueso)}
.cl-tablet{margin:0}
.cl-marco{padding:clamp(10px,1.4vw,18px);background:#050605;border:1px solid rgba(236,230,218,.14);border-radius:clamp(16px,2vw,28px);box-shadow:0 40px 120px -40px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,255,255,.03)}
.cl-marco img{display:block;width:100%;height:auto;border-radius:clamp(6px,.8vw,10px)}
.cl-tablet figcaption{margin-top:14px;font-size:.82rem;color:var(--ceniza,#a8a39a);letter-spacing:.02em}
/* vista de CocinaLink: más ancha para que la pantalla de cocina salga completa */
.vista{transition:opacity .35s,scale .45s var(--ease2),width .35s var(--ease2),height .35s var(--ease2)}
.vista:has(>.v-cl.on){width:440px;height:224px;background:#0b0f0e}
/* links de servicios arriba (Photo · Video · ...): barrita amarilla de izquierda a derecha al pasar */
.n-meta a{position:relative;display:inline-block;padding-bottom:5px;transition:color .3s}
.n-meta a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--maiz,#e7c25d);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.n-meta a:hover,.n-meta a:focus-visible{color:var(--hueso)}
.n-meta a:hover::after,.n-meta a:focus-visible::after{transform:scaleX(1)}
.n-meta a{transition:color .3s,scale .3s cubic-bezier(.2,.7,.2,1);transform-origin:50% 100%}
.n-meta a:hover,.n-meta a:focus-visible{scale:1.05}
/* visor de cámara (animación de antes) a la par del título */
.n-top{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,25vw,470px);gap:clamp(32px,4vw,80px);align-items:center}
.n-top .n-h1{font-size:clamp(46px,7.8vw,156px);max-width:none}
.n-top .visor{grid-column:auto;grid-row:auto;width:100%;max-height:none;aspect-ratio:4/5;border-radius:6px;background:rgba(236,230,218,.025);backdrop-filter:none;-webkit-backdrop-filter:none}
@media (max-width:1000px){.n-top{grid-template-columns:1fr}.n-top .n-h1{font-size:clamp(46px,11vw,120px)}.n-top .visor{max-width:460px;aspect-ratio:4/4.3;margin-top:8px}}
.n-meta{align-items:baseline}
/* más ancho en pantallas grandes (antes 1320px dejaba mucho espacio a los lados) */
.wrap,.n-env{max-width:1600px}
/* la foto grande cabe completa en la pantalla (alto de la ventana) */
.n-env.n-fig{max-width:min(1600px,calc((100vh - 150px) * 1.5 + 40px))}
/* navbar: letras más grandes en compu + barrita amarilla de izquierda a derecha al pasar (igual que Photo · Video ...) */
@media (min-width:1141px){
.barra nav a.l{position:relative;font-size:16px;padding:12px 12px;transition:color .3s,scale .3s cubic-bezier(.2,.7,.2,1);transform-origin:50% 100%}
.barra nav a.l::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;background:var(--maiz,#e7c25d);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.barra nav a.l:hover,.barra nav a.l:focus-visible{color:var(--hueso);scale:1.05}
.barra nav a.l:hover::after,.barra nav a.l:focus-visible::after,.barra nav a.l[aria-current]::after{transform:scaleX(1)}
}
@media (min-width:1600px){.barra nav a.l{font-size:17px}}
/* páginas de servicio de orilla a orilla como el home (sin la columna vacía del número romano) */
@media (min-width:901px){
.serv .rom{display:none}
.serv .txt{grid-column:1 / span 6}
.serv .vis{grid-column:7 / span 6}
.serv.inv .txt{grid-column:7 / span 6;grid-row:1}
.serv.inv .vis{grid-column:1 / span 6;grid-row:1}
.serv .txt>p{max-width:56ch}
}
/* páginas internas: letras un poquito más grandes en pantallas de compu (como el home) */
@media (min-width:1400px){main:not(:has(.n-portada)){--z:1.1;zoom:var(--z)}main:not(:has(.n-portada)) .wrap{max-width:calc(1600px / var(--z))}}
@media (min-width:1800px){main:not(:has(.n-portada)){--z:1.15}}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}