.elementor-kit-175{--e-global-color-primary:#FF6C37;--e-global-color-secondary:#2E2D2C;--e-global-color-text:#615D57;--e-global-color-accent:#E85620;--e-global-typography-primary-font-family:"Cooper Black";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Cooper Bold";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:600;}.elementor-kit-175 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --naranja-batan:#FF6C37; --naranja-profundo:#E85620; --carbon:#2E2D2C; --carbon-profundo:#171615; --beige:#F0DAB5; --gris-calido:#EDE9E3; --panal:#F6E9CF; --color-primario:var(--naranja-batan); --color-primario-oscuro:var(--naranja-profundo); --color-fondo:var(--gris-calido); --color-panel:var(--panal); --color-texto:var(--carbon); --color-texto-suave:#615d57; --color-texto-apagado:#a08a5e; --color-claro:var(--beige); --color-superficie-oscura:var(--carbon-profundo); --color-linea:#DDD6C8; --color-texto-claro:#F5EFE4; --color-linea-oscura:#45423C; --color-marcador:#EAD6B0; --fondo-oscuro:#161514; --panel-oscuro:#232120; --panel2-oscuro:#2A2826; --texto-suave-oscuro:#C9C2B2; --apagado-oscuro:#A89F8A; --fuente-titulos:'Cooper Black',serif; --fuente-subtitulos:'Cooper Bold','Cooper Black',serif; --fuente-texto:'Poppins',sans-serif; --tamano-display:84px; --tamano-h1:56px; --tamano-h2:36px; --tamano-h3:30px; --tamano-h4:22px; --tamano-h5:18px; --tamano-h6:16.5px; --tamano-p:14px; --tamano-p-grande:15px; --tamano-small:12.5px; --tamano-etiqueta:11px; --espacio-seccion-x:56px; --espacio-xs:8px; --espacio-s:12px; --espacio-m:16px; --espacio-l:24px; --espacio-xl:40px; --espacio-xxl:64px; --escena-ancho:1180px; --escena-aire:clamp(20px,4vh,48px); --ritmo-salida:1575ms; --ritmo-pausa:3200ms; --ritmo-entrada:2150ms; --ritmo-espera:1650ms; --ritmo-escalon:700ms; --radio-boton:9px; --radio-medio:12px; --radio-tarjeta:14px; --radio-pildora:30px; --sombra-marco:0 2px 10px rgba(46,45,44,.10); --sombra-boton:0 4px 12px rgba(255,108,55,.28); --sombra-boton-grande:0 7px 18px rgba(255,108,55,.30); --sombra-boton-hover:0 10px 26px rgba(255,108,55,.5); --sombra-tarjeta-suave:0 14px 32px rgba(46,45,44,.10); --sombra-tarjeta-hover:0 18px 38px rgba(46,45,44,.24); --sombra-vidrio:0 24px 60px rgba(0,0,0,.45); --vidrio-fondo-barra:rgba(23,22,21,.34); --vidrio-fondo-tarjeta:rgba(26,23,21,.68); --vidrio-borde:rgba(240,218,181,.16); --vidrio-borde-barra:rgba(240,218,181,.10); --vidrio-desenfoque-barra:14px; --vidrio-desenfoque-tarjeta:10px; --curva-marca:cubic-bezier(.2,.7,.25,1); --curva-suave:cubic-bezier(.25,.8,.25,1); --duracion-micro:0.2s; --duracion-media:0.45s; --duracion-reveal:0.8s; --elevacion-boton:-2px; --elevacion-tarjeta:-3px; --inclinacion-3d:5deg; --zoom-imagen:1.055; --rail-margen:22px; --rail-calle:58px; --rail-calle-movil:42px; --rail-gap:0px; --rail-alto:44px; --rail-linea:18px; --rail-linea-hover:30px; --rail-linea-activa:34px; --rail-grosor:2px; --rail-inactivo:rgba(240,218,181,.34); }
/* Start custom CSS *//* Batan.pe - CSS del sitio v5 | instalado por MCP */
/* ===== Fuentes (archivos en la Biblioteca de Medios) ===== */
@font-face{font-family:'Cooper Black';src:url('https://powderblue-capybara-747934.hostingersite.com/wp-content/uploads/2026/08/CooperBlack.ttf') format('truetype');font-weight:400 900;font-display:swap;}
@font-face{font-family:'Cooper Bold';src:url('https://powderblue-capybara-747934.hostingersite.com/wp-content/uploads/2026/08/CooperBold.ttf') format('truetype');font-weight:700;font-display:swap;}
@font-face{font-family:'Poppins';src:url('https://powderblue-capybara-747934.hostingersite.com/wp-content/uploads/2026/08/Poppins-Regular.ttf') format('truetype');font-weight:400;font-display:swap;}
@font-face{font-family:'Poppins';src:url('https://powderblue-capybara-747934.hostingersite.com/wp-content/uploads/2026/08/Poppins-Medium.ttf') format('truetype');font-weight:500;font-display:swap;}
@font-face{font-family:'Poppins';src:url('https://powderblue-capybara-747934.hostingersite.com/wp-content/uploads/2026/08/Poppins-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap;}
@font-face{font-family:'Poppins';src:url('https://powderblue-capybara-747934.hostingersite.com/wp-content/uploads/2026/08/Poppins-Bold.ttf') format('truetype');font-weight:700;font-display:swap;}
/* Batan.pe · CSS del sitio v5 (fiel al prototipo)
   Pegar en Elementor → Site Settings → Custom CSS, o encolar como hoja del tema.
   Las variables las provee el Variables Manager (ver elementor-variables.json). */

/* ===== Fuentes (Sistema v2.1) ===== */
/* ===== Alias semánticos sobre tokens v2.1 ===== */
:root{
  --bg:var(--color-fondo);--panel:var(--color-panel);--panel2:var(--color-panel);
  --text:var(--color-texto);--text-soft:var(--color-texto-suave);--muted:var(--color-texto-apagado);
  --line:var(--color-linea);--accent:var(--color-primario);--accent-d:var(--color-primario-oscuro);
  --on-ink:var(--color-claro);
  --sobre-video:var(--color-texto-claro);
  --contacto-bg:var(--panal,#F6E9CF);--contacto-h:var(--carbon,#2E2D2C);--contacto-p:var(--color-texto-suave,#615d57);
  --footer-bg:var(--carbon-profundo,#171615);--footer-line:var(--color-linea-oscura,#45423C);
  --footer-nav:#bdb6a9;--footer-brand:var(--beige,#F0DAB5);--footer-mut:#7d776c;
  --hero-ink:var(--color-texto-claro);--hero-kick:var(--beige,#F0DAB5);
  --glass:var(--vidrio-fondo-tarjeta,rgba(26,23,21,.68));--glass-bd:var(--vidrio-borde,rgba(240,218,181,.16));
  --pad-x:clamp(20px,5vw,80px);
  /* ---- Espaciado · Sistema v2.2 ----
     alias locales de la escala del sistema: 8 / 12 / 16 / 24 / 40 / 64
     (los dos últimos pasos, fluidos) */
  --sp-1:var(--espacio-xs,8px);--sp-2:var(--espacio-s,12px);
  --sp-3:var(--espacio-m,18px);--sp-4:var(--espacio-l,26px);
  --sp-5:clamp(24px,3.2vw,var(--espacio-xl,40px));
  --sp-6:clamp(30px,4.6vw,var(--espacio-xxl,64px));
  /* toda escena arranca a la misma distancia del header real y respira igual al pie */
  --scene-top:calc(var(--hdr-h,68px) + var(--escena-aire,clamp(20px,4vh,48px)));
  --scene-bottom:var(--escena-aire,clamp(20px,4vh,48px));
  /* misma línea de arranque horizontal, incluso en bloques a sangre */
  --scene-gutter:max(var(--pad-x),calc((100% - var(--escena-ancho,1180px)) / 2));
  --sec-y:clamp(56px,8vw,116px);
}
[data-tema="oscuro"]{
  --bg:var(--fondo-oscuro,#161514);--panel:var(--panel-oscuro,#232120);--panel2:var(--panel2-oscuro,#2A2826);
  --text:var(--color-texto-claro,#F5EFE4);--text-soft:var(--texto-suave-oscuro,#C9C2B2);--muted:var(--apagado-oscuro,#A89F8A);
  --line:var(--color-linea-oscura,#45423C);--on-ink:var(--beige,#F0DAB5);
  --contacto-bg:var(--carbon,#2E2D2C);--contacto-h:var(--beige,#F0DAB5);--contacto-p:#d8d2c6;
  --footer-bg:#100f0e;--footer-line:var(--color-linea-oscura,#45423C);
}
[data-tema="claro"]{
  --glass:rgba(255,252,246,.78);--glass-bd:rgba(46,45,44,.12);
}

/* ===== Reset ===== */
*{box-sizing:border-box;}
html{scroll-behavior:auto;-webkit-text-size-adjust:100%;}
html.lenis,html.lenis body{height:auto;}
.lenis.lenis-smooth{scroll-behavior:auto !important;}
.lenis.lenis-stopped{overflow:hidden;}
body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden;
  font-family:var(--fuente-texto,'Poppins',sans-serif);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  transition:background .4s ease,color .4s ease;}
img,svg,video{display:block;max-width:100%;}
h1,h2,h3,h4{font-family:var(--fuente-titulos,'Cooper Black',serif);font-weight:400;margin:0;letter-spacing:.01em;}
p{text-wrap:pretty;}
a{color:var(--accent);text-decoration:none;}
a:hover{color:var(--accent-d);}
button{font-family:inherit;}
::selection{background:var(--naranja-batan,#FF6C37);color:var(--gris-calido,#EDE9E3);}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px;}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

/* ===== Tipografía utilitaria ===== */
.kick{font:600 clamp(10px,1vw,11.5px)/1.4 var(--fuente-texto);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);}
.d1{font-family:var(--fuente-titulos);font-weight:400;line-height:.94;font-size:clamp(44px,8.4vw,124px);}
.h1{font-family:var(--fuente-titulos);font-weight:400;line-height:1.02;font-size:clamp(32px,5.4vw,68px);}
.h2{font-family:var(--fuente-titulos);font-weight:400;line-height:1.05;font-size:clamp(27px,3.8vw,50px);}
.h3{font-family:var(--fuente-titulos);font-weight:400;line-height:1.08;font-size:clamp(21px,2.4vw,32px);}
.h4{font-family:var(--fuente-subtitulos);font-weight:400;line-height:1.2;font-size:clamp(17px,1.6vw,22px);}
.lead{margin:0;font:400 clamp(15px,1.5vw,18.5px)/1.65 var(--fuente-texto);color:var(--text-soft);max-width:60ch;}
.p{margin:0;font:400 clamp(14px,1.2vw,15.5px)/1.7 var(--fuente-texto);color:var(--text-soft);}
.sm{font:500 clamp(11.5px,1vw,12.5px)/1.5 var(--fuente-texto);color:var(--muted);}
.stroke{color:transparent;-webkit-text-stroke:2px var(--accent);}
.num{font-family:var(--fuente-titulos);color:transparent;-webkit-text-stroke:2px var(--accent);}

/* ===== Botones ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;text-align:center;
  min-height:46px;font:600 13.5px/1 var(--fuente-texto);border-radius:var(--radio-boton,9px);border:2px solid transparent;
  transition:transform var(--duracion-micro,.2s) var(--curva-marca),box-shadow var(--duracion-micro,.2s) var(--curva-marca),background .2s,color .2s;}
.btn-primary{padding:15px 28px;background:var(--accent);color:var(--gris-calido,#EDE9E3);box-shadow:var(--sombra-boton-grande,0 7px 18px rgba(255,108,55,.30));}
.btn-primary:hover{transform:translateY(var(--elevacion-boton,-2px));box-shadow:var(--sombra-boton-hover,0 10px 26px rgba(255,108,55,.5));color:var(--gris-calido,#EDE9E3);}
.btn-ghost{padding:14px 26px;border-color:var(--hero-ink);color:var(--hero-ink);background:transparent;}
.btn-ghost:hover{transform:translateY(var(--elevacion-boton,-2px));background:rgba(240,218,181,.12);color:var(--hero-ink);}
.btn-line{padding:14px 26px;border-color:var(--text);color:var(--text);background:transparent;}
.btn-line:hover{background:var(--text);color:var(--bg);transform:translateY(var(--elevacion-boton,-2px));}
.lnk{display:inline-flex;align-items:center;gap:8px;font:600 12.5px/1 var(--fuente-texto);color:var(--accent);min-height:32px;transition:gap .2s;}
.lnk:hover{gap:13px;color:var(--accent);}

/* ===== Marcadores de imagen ===== */
.ph{position:relative;overflow:hidden;border-radius:var(--radio-medio,12px);background:
  repeating-linear-gradient(135deg,rgba(240,218,181,.055) 0 9px,transparent 9px 18px),var(--color-marcador,#EAD6B0);
  display:flex;align-items:center;justify-content:center;min-height:120px;}
[data-tema="oscuro"] .ph{background:repeating-linear-gradient(135deg,rgba(240,218,181,.06) 0 9px,transparent 9px 18px),#2a2521;}
.ph > span{font:500 10.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted);padding:10px 14px;text-align:center;}
.ph.img{background:#241d17;}
.ph.img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s var(--curva-marca);}
.card:hover .ph.img img,.zoom:hover img{transform:scale(var(--zoom-imagen,1.055));}

/* ===== Vidrio / tarjetas ===== */
.glass{background:var(--glass);border:1px solid var(--glass-bd);border-radius:var(--radio-tarjeta,14px);
  backdrop-filter:blur(var(--vidrio-desenfoque-tarjeta,10px));-webkit-backdrop-filter:blur(var(--vidrio-desenfoque-tarjeta,10px));}
.card{background:var(--panel2);border:1px solid var(--line);border-radius:var(--radio-tarjeta,14px);overflow:hidden;
  transition:transform .3s var(--curva-marca),box-shadow .3s,border-color .3s;}
.card:hover{transform:translateY(var(--elevacion-tarjeta,-3px));box-shadow:var(--sombra-tarjeta-hover,0 18px 38px rgba(46,45,44,.24));border-color:var(--accent);}
.pill{display:inline-flex;align-items:center;font:600 10px/1 var(--fuente-texto);letter-spacing:.08em;text-transform:uppercase;
  padding:7px 12px;border-radius:6px;background:var(--accent);color:var(--gris-calido,#EDE9E3);}
.pill.b{background:var(--beige,#F0DAB5);color:var(--carbon,#2E2D2C);}
.tag{display:inline-flex;align-items:center;font:600 10.5px/1 var(--fuente-texto);letter-spacing:.06em;text-transform:uppercase;
  padding:8px 12px;border-radius:var(--radio-pildora,30px);color:var(--on-ink);background:rgba(240,218,181,.10);border:1px solid rgba(240,218,181,.20);}
[data-tema="claro"] .tag{background:rgba(46,45,44,.05);border-color:rgba(46,45,44,.14);color:var(--text);}

/* ===== Layout ===== */
.wrap{width:100%;max-width:1320px;margin:0 auto;}
.sec{padding:var(--sec-y) var(--pad-x);}
.sec.tight{padding-top:clamp(36px,5vw,64px);padding-bottom:clamp(36px,5vw,64px);}
.sec.panel{background:var(--panel);}
.sec.ink{background:var(--carbon-profundo,#171615);--text:var(--color-texto-claro,#F5EFE4);--text-soft:#bdb6a9;--muted:var(--apagado-oscuro,#A89F8A);--line:var(--color-linea-oscura,#45423C);--panel2:#221f1d;}
.grid{display:grid;gap:clamp(16px,2vw,26px);}
.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));}
.g3{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));}
.g4{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));}
.split{display:grid;gap:clamp(26px,4vw,60px);align-items:center;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));}
.split.rev > :first-child{order:2;}
@media (max-width:860px){.split.rev > :first-child{order:0;}}
.row{display:flex;flex-wrap:wrap;gap:clamp(10px,1.4vw,16px);align-items:center;}
.col{display:flex;flex-direction:column;gap:clamp(12px,1.6vw,20px);}
.between{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-end;justify-content:space-between;}
.hair{height:1px;background:var(--line);border:0;margin:0;}

/* ===== HEADER ===== */
#hdr{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px var(--pad-x);background:var(--vidrio-fondo-barra,rgba(23,22,21,.34));
  backdrop-filter:blur(var(--vidrio-desenfoque-barra,14px)) saturate(1.1);-webkit-backdrop-filter:blur(var(--vidrio-desenfoque-barra,14px)) saturate(1.1);
  border-bottom:1px solid var(--vidrio-borde-barra,rgba(240,218,181,.10));
  transition:transform .5s var(--curva-suave),background .4s ease;}
#hdr.hide{transform:translateY(-115%);}
body.solid-hdr #hdr{background:var(--carbon-profundo,#171615);}
#hdr .brand{display:flex;align-items:center;gap:11px;}
#hdr .brand .iso{height:30px;width:auto;flex:none;display:block;}
#hdr .brand b{font:400 25px/1 var(--fuente-titulos);letter-spacing:.03em;color:var(--beige,#F0DAB5);}
#hdr nav{display:flex;align-items:center;gap:clamp(14px,1.8vw,28px);}
#hdr nav a{font:600 12.5px/1 var(--fuente-texto);color:var(--beige,#F0DAB5);opacity:.8;padding:6px 0;position:relative;}
#hdr nav a:hover{opacity:1;color:var(--beige,#F0DAB5);}
#hdr nav a[aria-current]{opacity:1;}
#hdr nav a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--accent);border-radius:2px;}
.tools{display:flex;align-items:center;gap:10px;}
.icb{width:40px;height:40px;flex:none;border-radius:50%;border:1px solid rgba(240,218,181,.24);background:rgba(240,218,181,.04);
  display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--beige,#F0DAB5);transition:background .2s,border-color .2s;}
.icb:hover{background:rgba(240,218,181,.12);border-color:rgba(240,218,181,.5);}
#theme-btn{position:relative;overflow:hidden;}
/* el recorrido inmersivo del inicio es siempre oscuro: el cambio de tema
   sólo tiene sentido en las páginas internas */
body:not(.off-home) #theme-btn{display:none;}
#theme-btn [data-sun],#theme-btn [data-moon]{position:absolute;inset:0;margin:auto;transition:transform .45s var(--curva-marca),opacity .3s;}
[data-tema="claro"] #theme-btn [data-sun]{transform:rotate(90deg) scale(.3);opacity:0;}
[data-tema="oscuro"] #theme-btn [data-moon]{transform:rotate(-90deg) scale(.3);opacity:0;}
/* switch de idioma (mismo del prototipo v3) */
.lang{position:relative;display:flex;align-items:center;padding:3px;border:1px solid rgba(240,218,181,.28);border-radius:var(--radio-pildora,30px);
  background:transparent;cursor:pointer;min-height:40px;
  transition:border-color .26s var(--curva-marca),background .26s var(--curva-marca),
             box-shadow .26s var(--curva-marca),transform .26s var(--curva-marca);}
.lang:hover{border-color:var(--naranja-batan,#FF6C37);background:rgba(255,108,55,.08);transform:translateY(-1px);
  box-shadow:0 8px 20px -12px rgba(255,108,55,.7);}
.lang:hover i{background:var(--naranja-batan,#FF6C37);box-shadow:0 0 14px rgba(255,108,55,.5);}
.lang:hover span.on{color:var(--gris-calido,#EDE9E3);}
.lang:hover span:not(.on){color:var(--beige,#F0DAB5);}
.lang:active{transform:translateY(0) scale(.97);}
.lang i{position:absolute;top:3px;left:3px;width:34px;height:32px;border-radius:20px;background:var(--beige,#F0DAB5);
  transition:transform .32s var(--curva-marca),background .26s var(--curva-marca),box-shadow .26s var(--curva-marca);}
.lang.en i{transform:translateX(34px);}
.lang span{position:relative;z-index:1;width:34px;text-align:center;font:600 10.5px/1 var(--fuente-texto);letter-spacing:.06em;color:#bdb6a9;transition:color .3s;}
.lang span.on{color:var(--carbon,#2E2D2C);}
#burger{display:none;}
@media (max-width:1080px){#hdr nav,.hdr-cta{display:none;}#burger{display:flex;}}

/* ===== MENÚ MÓVIL · burger → × + cajón (patrón 08 · Sistema v2.2) ===== */
#burger{flex-direction:column;gap:4px;transition:transform .5s var(--curva-marca),border-color .3s var(--curva-marca);}
#burger span{display:block;width:17px;height:2px;border-radius:2px;background:var(--beige,#F0DAB5);
  transition:transform .5s var(--curva-marca),opacity .25s,background .3s;}
#burger:hover{border-color:var(--beige,#F0DAB5);}
#burger[aria-expanded="true"]{transform:rotate(90deg);border-color:var(--accent);}
#burger[aria-expanded="true"] span{background:var(--accent);}
#burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(225deg);}
#burger[aria-expanded="true"] span:nth-child(2){transform:scaleX(0);opacity:0;}
#burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-225deg);}

#mmenu{position:fixed;top:var(--hdr-h,68px);left:0;right:0;z-index:59;display:grid;grid-template-rows:0fr;
  transition:grid-template-rows .6s var(--curva-suave),transform .5s var(--curva-suave);
  border-top:0 solid rgba(240,218,181,.14);}
#mmenu.open{border-top-width:1px;}
#hdr.hide ~ #mmenu{transform:translateY(-150%);}
/* en el recorrido inmersivo hereda el vidrio del header (hay video detrás);
   en las páginas internas va sólido, según la regla de vidrio del sistema */
#mmenu{background:var(--vidrio-fondo-barra,rgba(23,22,21,.34));
  backdrop-filter:blur(var(--vidrio-desenfoque-barra,14px)) saturate(1.1);
  -webkit-backdrop-filter:blur(var(--vidrio-desenfoque-barra,14px)) saturate(1.1);}
#mmenu.open{grid-template-rows:1fr;}
body.off-home #mmenu,body.solid-hdr #mmenu{background:var(--carbon-profundo,#171615);
  backdrop-filter:none;-webkit-backdrop-filter:none;}
#mmenu > div{overflow:hidden;}
#mmenu .mm-in{display:flex;flex-direction:column;padding:6px var(--pad-x) 20px;}
#mmenu a{padding:14px 4px;min-height:44px;display:flex;align-items:center;
  border-bottom:1px solid rgba(240,218,181,.14);
  font:600 14px/1 var(--fuente-texto);color:#bdb6a9;text-decoration:none;
  opacity:0;transform:translateY(-6px);transition:opacity .4s ease,transform .45s var(--curva-suave),color .2s;}
#mmenu a:hover{color:var(--beige,#F0DAB5);}
#mmenu a[aria-current]{color:var(--beige,#F0DAB5);}
#mmenu.open a{opacity:1;transform:none;}
#mmenu.open a:nth-child(1){transition-delay:.06s;}
#mmenu.open a:nth-child(2){transition-delay:.11s;}
#mmenu.open a:nth-child(3){transition-delay:.16s;}
#mmenu.open a:nth-child(4){transition-delay:.21s;}
#mmenu.open a:nth-child(5){transition-delay:.26s;}
#mmenu.open a:nth-child(6){transition-delay:.31s;}
#mmenu .mm-cta{margin-top:14px;text-align:center;justify-content:center;border-bottom:0;
  color:var(--gris-calido,#EDE9E3);}

/* ===== PÁGINAS / ROUTER ===== */
main#app{position:relative;z-index:20;}
.pg{display:none;}
.pg.on{display:block;}
.pg:not(#pg-home){padding-top:clamp(84px,10vh,110px);}

/* ===== HERO de páginas internas ===== */
.phero{position:relative;overflow:hidden;padding:clamp(44px,7vw,96px) var(--pad-x) clamp(40px,6vw,80px);
  background:var(--carbon-profundo,#171615);--text:var(--color-texto-claro,#F5EFE4);}
.phero .bgm{position:absolute;inset:0;z-index:0;}
.phero .bgm img{width:100%;height:100%;object-fit:cover;}
.phero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(100deg,rgba(12,11,10,.9) 0%,rgba(12,11,10,.66) 48%,rgba(12,11,10,.42) 100%),
  radial-gradient(130% 120% at 50% 50%,transparent 48%,rgba(0,0,0,.6) 100%);}
.phero .in{position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(14px,1.8vw,22px);}
.phero h1,.phero .d1,.phero .h1{color:var(--hero-ink);text-shadow:0 6px 40px rgba(0,0,0,.5);}
.phero .lead{color:var(--hero-ink);opacity:.86;}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font:600 11px/1 var(--fuente-texto);letter-spacing:.12em;text-transform:uppercase;color:var(--beige,#F0DAB5);opacity:.7;}
.crumbs a{color:var(--beige,#F0DAB5);}
.crumbs a:hover{color:var(--accent);}
.grain-l{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* ===== Banda marquee ===== */
.band{background:var(--accent);overflow:hidden;padding:12px 0;border-block:1px solid rgba(0,0,0,.15);}
.band .tr{display:flex;width:max-content;animation:bandm 34s linear infinite;}
.band .gp{display:flex;align-items:center;gap:24px;padding-right:24px;}
.band .lema{font:400 clamp(14px,1.6vw,20px)/1 var(--fuente-titulos);white-space:nowrap;color:var(--carbon,#2E2D2C);}
.band .lema.alt{color:var(--gris-calido,#EDE9E3);}
.band .st{font-size:12px;color:var(--carbon-profundo,#171615);}
@keyframes bandm{to{transform:translateX(-50%);}}
.band:hover .tr{animation-play-state:paused;}

/* ===== Reveal al scroll ===== */
html.js .rv{opacity:0;transform:translateY(26px);}
html.js .rv.in{opacity:1;transform:none;transition:opacity var(--duracion-reveal,.8s) var(--curva-marca),transform var(--duracion-reveal,.8s) var(--curva-marca);}

/* ===== Acordeón de servicios ===== */
.acc{border:1px solid var(--line);border-radius:var(--radio-tarjeta,14px);overflow:hidden;background:var(--panel2);}
.acc + .acc{margin-top:10px;}
.acc > button{width:100%;display:flex;align-items:center;gap:clamp(10px,1.6vw,20px);padding:clamp(14px,1.8vw,20px);
  background:transparent;border:0;cursor:pointer;text-align:left;color:var(--text);min-height:60px;transition:background .2s;}
.acc > button:hover{background:rgba(255,108,55,.06);}
.acc .code{flex:none;font:600 9.5px/1 var(--fuente-texto);letter-spacing:.1em;text-transform:uppercase;padding:7px 10px;
  border-radius:6px;background:var(--accent);color:var(--gris-calido,#EDE9E3);min-width:64px;text-align:center;}
.acc .ttl{flex:1;font:400 clamp(16px,1.5vw,20px)/1.25 var(--fuente-subtitulos);}
.acc .plus{flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;
  color:var(--accent);font:400 20px/1 var(--fuente-texto);transition:transform .35s var(--curva-marca),background .2s,color .2s;}
.acc.open .plus{transform:rotate(135deg);background:var(--accent);color:var(--gris-calido,#EDE9E3);}
.acc .body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s var(--curva-marca);}
.acc.open .body{grid-template-rows:1fr;}
.acc .body > div{overflow:hidden;min-height:0;}
.acc .body .inner{padding:0 clamp(14px,1.8vw,20px) clamp(16px,2vw,22px);display:flex;flex-direction:column;gap:12px;}

/* ===== Chips de filtro ===== */
.chips{display:flex;gap:9px;flex-wrap:wrap;}
.chip{font:600 12px/1 var(--fuente-texto);padding:11px 17px;border-radius:var(--radio-pildora,30px);cursor:pointer;min-height:40px;
  border:1.5px solid var(--line);color:var(--text-soft);background:transparent;transition:background .2s,color .2s,border-color .2s;}
.chip:hover{border-color:var(--accent);color:var(--accent);}
.chip.on{background:var(--text);border-color:var(--text);color:var(--bg);}
.dim{opacity:.28;filter:grayscale(1);}
.pf-item{transition:opacity .4s var(--curva-marca),filter .4s var(--curva-marca);}

/* ===== Métricas ===== */
.mets{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radio-tarjeta,14px);overflow:hidden;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));}
.met{background:var(--panel2);padding:clamp(18px,2.2vw,26px);display:flex;flex-direction:column;gap:6px;}
.met b{font:400 clamp(28px,3.4vw,44px)/1 var(--fuente-titulos);color:var(--accent);}
.met span{font:500 11.5px/1.4 var(--fuente-texto);color:var(--muted);}

/* ===== FOOTER (v3.0) ===== */
footer#ftr{position:relative;z-index:20;background:var(--footer-bg);border-top:1px solid var(--footer-line);
  padding:clamp(30px,4vw,46px) var(--pad-x) 28px;}
#ftr .ftop{display:flex;justify-content:space-between;gap:clamp(24px,3vw,40px);flex-wrap:wrap;}
#ftr a{transition:color .2s;}
#ftr a:hover{color:var(--beige,#F0DAB5);}
#ftr .fsv{width:34px;height:34px;border-radius:9px;background:#3a3833;color:var(--gris-calido,#EDE9E3);
  display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;}
#ftr .fsv:hover{background:var(--accent);transform:translateY(-2px);color:var(--gris-calido,#EDE9E3);}
@media (max-width:760px){#ftr .ftop{flex-direction:column;gap:22px;}}

/* ===== Formulario ===== */
.form{display:flex;flex-direction:column;gap:14px;}
.fld{display:flex;flex-direction:column;gap:7px;}
.fld label{font:600 10.5px/1 var(--fuente-texto);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}
.fld input,.fld textarea,.fld select{font:400 14px/1.5 var(--fuente-texto);color:var(--text);background:var(--bg);
  border:1px solid var(--line);border-radius:var(--radio-boton,9px);padding:13px 14px;min-height:46px;width:100%;}
.fld textarea{min-height:120px;resize:vertical;}
.fld input:focus,.fld textarea:focus,.fld select:focus{border-color:var(--accent);outline:none;}

/* =========================================================
   INICIO INMERSIVO («El Set» · v4)
   ========================================================= */
#preloader{position:fixed;inset:0;z-index:100;background:var(--carbon-profundo,#171615);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;
  transition:transform 1.05s var(--curva-suave),opacity .6s ease;}
#preloader.done{transform:translateY(-100%);}
#preloader.gone{display:none;}
.pl-mark{display:flex;align-items:center;gap:18px;}
.pl-iso{width:64px;height:64px;animation:pl-b 2.4s var(--curva-marca) infinite;}
.pl-cam{width:30px;height:30px;opacity:.7;animation:pl-s 6s linear infinite;background:var(--beige,#F0DAB5);
  -webkit-mask:url('https://powderblue-capybara-747934.hostingersite.com/wp-content/uploads/2026/08/batan-obturador-preloader.svg') center/contain no-repeat;mask:url('https://powderblue-capybara-747934.hostingersite.com/wp-content/uploads/2026/08/batan-obturador-preloader.svg') center/contain no-repeat;}
@keyframes pl-b{0%,100%{transform:scale(1);opacity:.92;}50%{transform:scale(1.08);opacity:1;}}
@keyframes pl-s{to{transform:rotate(360deg);}}
.pl-word{font:600 12px/1 var(--fuente-texto);letter-spacing:.42em;text-transform:uppercase;color:var(--beige,#F0DAB5);padding-left:.42em;}
.pl-bar{width:min(240px,52vw);height:2px;background:rgba(240,218,181,.18);border-radius:2px;overflow:hidden;}
.pl-bar > i{display:block;height:100%;width:0;background:var(--accent);border-radius:2px;transition:width .2s linear;}
.pl-sub{font:400 11px/1 var(--fuente-texto);letter-spacing:.14em;color:var(--apagado-oscuro,#A89F8A);}

#stage{position:fixed;inset:0;z-index:0;overflow:hidden;background:#0e0d0c;}
body.off-home #stage,body.off-home #overlays,body.off-home #marquee{display:none !important;}
.layer{position:absolute;inset:0;opacity:0;will-change:opacity;}
.layer::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 22% 42%,rgba(255,150,80,.10),transparent 46%);}
.layer video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;}
.layer .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;}
.layer .fallback{position:absolute;inset:0;background:radial-gradient(80% 70% at 20% 30%,#4a3421 0%,#241d17 42%,#100d0b 100%);}
#scrim{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.6;transition:opacity .3s ease;
  background:linear-gradient(90deg,rgba(12,11,10,.82) 0%,rgba(12,11,10,.42) 42%,rgba(12,11,10,.18) 70%,rgba(12,11,10,.5) 100%);}
#vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(130% 120% at 50% 50%,transparent 52%,rgba(0,0,0,.55) 100%);}
.grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

#overlays{position:fixed;inset:0;z-index:10;pointer-events:none;transition:opacity .3s linear;}
#stage{transition:opacity .3s linear;}
.panel-o{position:absolute;inset:0;opacity:0;visibility:hidden;display:flex;align-items:stretch;
  padding:var(--scene-top) var(--pad-x) var(--scene-bottom);}
.panel-o .flat-bg{display:none;}
.panel-inner{width:100%;max-width:1180px;margin:0 auto;pointer-events:auto;align-self:stretch;}
/* el hero no tiene bloques que llenen alto: su grupo se centra en el espacio
   libre real (mismo aire bajo el header que sobre el pie) */
#p-hero{padding-top:var(--scene-top);padding-bottom:var(--scene-top);}
#p-hero .panel-inner{display:flex;flex-direction:column;justify-content:center;}
/* beat más alto que su marco: se ancla arriba, se recorta y el scroll de la
   escena lo recorre (lo decide el desborde real, no el ancho de pantalla) */
.panel-o.is-tall{align-items:flex-start;overflow:hidden;
  /* el contenido que sube desaparece en la línea del header, no por detrás de él */
  clip-path:inset(var(--hdr-h,68px) 0 0 0);}
#p-hero.is-tall .panel-inner,#p-sobremesa.is-tall .panel-inner,.panel-o.is-tall .panel-inner{will-change:transform;
  /* si el bloque desborda su marco, deja de centrarse: se ancla arriba y el
     recorrido de la escena lo recorre completo */
  justify-content:flex-start;}
#p-brigada.is-tall .panel-inner{grid-template-rows:auto auto;max-height:none;overflow:visible;align-content:start;}
/* ---- Rail de escenas · tokens v2.2 ---- */
.scene-rail{position:absolute;right:calc((var(--rail-calle,58px) - var(--rail-alto,44px)) / 2);
  top:50%;transform:translateY(-50%);z-index:12;
  display:flex;flex-direction:column;gap:var(--rail-gap,0px);align-items:flex-end;pointer-events:auto;}
.scene-rail button{-webkit-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;
  box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:flex-end;
  width:var(--rail-alto,44px);height:var(--rail-alto,44px);padding:0;}
.scene-rail .rt{position:absolute;right:calc(100% + 4px);}
.scene-rail .rl{display:block;width:var(--rail-linea,18px);height:var(--rail-grosor,2px);border-radius:2px;
  background:var(--rail-inactivo,rgba(240,218,181,.34));
  transition:width .32s var(--curva-marca),background .28s var(--curva-marca),box-shadow .28s;}
.scene-rail .rt{pointer-events:none;font:600 9.5px/1 var(--fuente-texto);letter-spacing:.16em;text-transform:uppercase;
  color:var(--beige,#F0DAB5);opacity:0;transform:translateX(6px);white-space:nowrap;
  transition:opacity .26s var(--curva-marca),transform .26s var(--curva-marca);}
.scene-rail button:hover .rl,.scene-rail button:focus-visible .rl{width:var(--rail-linea-hover,30px);background:var(--beige,#F0DAB5);}
.scene-rail button:hover .rt,.scene-rail button:focus-visible .rt{opacity:.9;transform:none;}
.scene-rail button[aria-current="true"] .rl{width:var(--rail-linea-activa,34px);background:var(--accent);
  box-shadow:0 0 12px rgba(255,108,55,.55);}
/* la etiqueta sólo aparece al hover / foco: si no, se superpone al contenido */
.scene-rail button[aria-current="true"] .rt{color:var(--accent);}

.hero-kick{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:20px;}
.hero-kick .k2{color:var(--accent);font:400 clamp(13px,1.4vw,16px)/1 var(--fuente-titulos);}
.hero-kick .k1{color:var(--beige,#F0DAB5);font:400 clamp(13px,1.4vw,16px)/1 var(--fuente-titulos);}
.hero-display{font-family:var(--fuente-titulos);font-weight:400;line-height:.94;letter-spacing:.01em;
  font-size:clamp(42px,9.2vw,132px);color:var(--hero-ink);text-shadow:0 6px 40px rgba(0,0,0,.5);}
.hero-p{margin:24px 0 0;max-width:56ch;font:400 clamp(14.5px,1.5vw,18px)/1.65 var(--fuente-texto);color:var(--hero-ink);opacity:.88;text-shadow:0 2px 14px rgba(0,0,0,.5);}
.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px;}
.acomer{display:inline-flex;align-self:flex-start;align-items:center;gap:9px;margin:18px 0 0;padding:8px 15px 8px 9px;border:1px solid rgba(240,218,181,.28);border-radius:var(--radio-pildora,30px);min-height:44px;}
.acomer img{width:26px;height:26px;border-radius:50%;object-fit:cover;}
.acomer span{font:500 11px/1.3 var(--fuente-texto);color:var(--beige,#F0DAB5);opacity:.85;}
.acomer strong{color:var(--hero-ink);font-weight:600;}
.scroll-hint{margin-top:clamp(18px,4.5vh,46px);display:flex;flex-direction:column;align-items:flex-end;
  gap:9px;color:var(--beige,#F0DAB5);opacity:.7;}
/* en el hero vive al pie del lienzo, centrado y fuera del eje izquierdo del
   texto: no compite con el titular ni con el rail */
#p-hero .scroll-hint{position:absolute;left:0;right:0;
  bottom:var(--sp-2);margin:0;align-items:center;}
.scroll-hint{transition:opacity .8s var(--curva-marca,cubic-bezier(.2,.7,.25,1));}
.scroll-hint span{font:600 10px/1 var(--fuente-texto);letter-spacing:.24em;text-transform:uppercase;}
.scroll-hint i{width:1px;height:clamp(22px,4vh,40px);background:linear-gradient(var(--beige,#F0DAB5),transparent);animation:hint 1.8s var(--curva-marca) infinite;}
@keyframes hint{0%{transform:scaleY(.2);transform-origin:top;}50%{transform:scaleY(1);transform-origin:top;}51%{transform:scaleY(1);transform-origin:bottom;}100%{transform:scaleY(.2);transform-origin:bottom;}}

#marquee{display:none;}

#p-carta .panel-inner{display:grid;grid-template-columns:.82fr 1.18fr;grid-template-rows:auto auto;
  gap:var(--sp-5) var(--sp-6);align-items:start;}
/* la franja de clientes cruza las dos columnas, al pie de la escena */
#p-carta .cl-strip{grid-column:1 / -1;}
[data-in]{opacity:0;will-change:opacity,transform;}
html.flat [data-in]{opacity:1;transform:none;}
.carta-col{display:flex;flex-direction:column;min-width:0;}
.carta-head .h{font-size:clamp(30px,4.4vw,56px);color:var(--hero-ink);line-height:1.02;}
.carta-head p{margin:var(--sp-2) 0 0;max-width:42ch;font:400 15px/1.65 var(--fuente-texto);color:var(--hero-ink);--base-op:.82;opacity:.82;}
/* pila real: todas las tarjetas comparten la misma celda, así el alto lo fija
   la tarjeta más alta y debajo queda margen limpio para la franja de clientes */
.stack{position:relative;align-self:start;display:grid;grid-template-columns:minmax(0,1fr);}
.st-card{position:relative;grid-area:1 / 1;border-radius:var(--radio-tarjeta,14px);background:rgba(20,18,17,.985);
  display:flex;flex-direction:column;overflow:hidden;min-height:min(38vh,300px);
  backdrop-filter:blur(var(--vidrio-desenfoque-tarjeta,10px));-webkit-backdrop-filter:blur(var(--vidrio-desenfoque-tarjeta,10px));
  border:1px solid var(--vidrio-borde,rgba(240,218,181,.16));box-shadow:var(--sombra-vidrio,0 24px 60px rgba(0,0,0,.45));
  padding:var(--sp-4);will-change:transform,opacity;}
.st-num{font:400 44px/1 var(--fuente-titulos);color:transparent;-webkit-text-stroke:2px var(--accent);}
.st-head{display:flex;align-items:baseline;gap:14px;margin-bottom:8px;}
.st-head h3{font-size:clamp(21px,2.6vw,34px);color:var(--hero-ink);}
.st-desc{margin:0 0 var(--sp-2);font:400 14.5px/1.6 var(--fuente-texto);color:var(--hero-ink);opacity:.8;max-width:44ch;}
.st-tags{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-bottom:var(--sp-3);}
.st-tags span{font:600 10.5px/1 var(--fuente-texto);letter-spacing:.06em;text-transform:uppercase;color:var(--beige,#F0DAB5);
  background:rgba(240,218,181,.10);border:1px solid rgba(240,218,181,.18);padding:7px 11px;border-radius:var(--radio-pildora,30px);}
.st-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:auto;}
.st-count{font:600 11px/1 var(--fuente-texto);letter-spacing:.1em;text-transform:uppercase;color:var(--apagado-oscuro,#A89F8A);}

#p-portafolio{padding:0;}
#p-portafolio .panel-inner{max-width:none;height:100%;display:flex;flex-direction:column;}
.pf-top{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;padding:var(--scene-top) var(--scene-gutter) 0;}
.pf-top h2{font-size:clamp(27px,4vw,50px);color:var(--hero-ink);line-height:1;}
.pf-all{font:600 12.5px/1 var(--fuente-texto);color:var(--hero-ink);border:1.5px solid var(--hero-ink);padding:12px 20px;
  border-radius:var(--radio-boton,9px);white-space:nowrap;display:inline-flex;align-items:center;min-height:42px;}
.pf-all:hover{background:var(--hero-ink);color:var(--carbon,#2E2D2C);}
.pf-chips{display:flex;gap:var(--sp-1);flex-wrap:wrap;padding:var(--sp-3) var(--scene-gutter) 0;}
.pf-chip{font:600 12px/1 var(--fuente-texto);padding:10px 16px;border-radius:var(--radio-pildora,30px);cursor:pointer;min-height:40px;
  border:1.5px solid rgba(240,218,181,.28);color:var(--beige,#F0DAB5);background:transparent;}
.pf-chip.on{background:var(--accent);border-color:var(--accent);color:var(--gris-calido,#EDE9E3);}
.pf-viewport{flex:1;min-height:0;overflow:hidden;display:flex;align-items:stretch;padding:var(--sp-3) var(--scene-gutter) var(--scene-bottom);}
.pf-track{display:flex;gap:var(--sp-4);will-change:transform;transition:none;}
.pf-item{position:relative;flex:none;width:min(64vw,760px);height:auto;max-height:540px;border-radius:18px;overflow:hidden;
  background:#241d17;box-shadow:0 30px 70px rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:flex-end;}
.pf-item .pf-media{position:absolute;inset:0;}
.pf-item .pf-media img{width:100%;height:100%;object-fit:cover;}
.pf-item .pf-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,17,14,.32) 0%,rgba(20,17,14,0) 34%,rgba(20,17,14,.86) 100%);}
.pf-tags{position:absolute;top:16px;left:16px;display:flex;gap:8px;flex-wrap:wrap;z-index:2;}
.pf-body{position:relative;padding:26px;display:flex;flex-direction:column;gap:10px;z-index:2;}
.pf-body h3{font-size:clamp(21px,2.6vw,34px);color:var(--beige,#F0DAB5);max-width:16ch;text-shadow:0 2px 12px rgba(0,0,0,.4);}
.pf-body p{margin:0;max-width:36ch;font:400 14px/1.5 var(--fuente-texto);color:rgba(240,218,181,.85);text-shadow:0 1px 8px rgba(0,0,0,.4);}
.pf-idx{position:absolute;top:16px;right:20px;z-index:2;font:400 15px/1 var(--fuente-titulos);color:rgba(240,218,181,.6);}

/* ---- BEAT · La Brigada (staff: titular + foto + estaciones + clientes) ---- */
#p-brigada .panel-inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:var(--sp-4);
  align-content:stretch;min-height:0;max-height:100%;overflow:hidden;}
.brig-head{min-width:0;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;}
.brig-h{font:400 clamp(28px,4vw,52px)/1.0 var(--fuente-titulos);color:var(--hero-ink);margin:6px 0 0;}
.brig-body{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;
  gap:var(--sp-4);align-items:stretch;min-height:0;}

/* tarjeta de foto */
.brig-shot{position:relative;min-height:min(42vh,380px);height:100%;border-radius:var(--radio-medio,16px);overflow:hidden;
  background:var(--color-marcador,#EAD6B0);box-shadow:0 30px 70px -34px rgba(0,0,0,.7);}
.brig-shot image-slot{position:absolute;inset:0;width:100%;height:100%;}
.brig-shot .shot-grad{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(46,45,44,.34) 0%,rgba(46,45,44,0) 26%,rgba(46,45,44,0) 42%,rgba(46,45,44,.82) 100%);}
.brig-shot .shot-tag{position:absolute;top:14px;left:14px;z-index:2;font:600 9.5px/1 var(--fuente-texto);
  letter-spacing:.1em;text-transform:uppercase;padding:9px 12px;border-radius:8px;
  background:rgba(23,22,21,.82);color:var(--beige,#F0DAB5);}
.brig-count{position:absolute;left:clamp(18px,2.4vw,30px);bottom:clamp(16px,2.2vw,28px);z-index:2;
  display:flex;align-items:baseline;gap:14px;}
.brig-count .n{font:400 clamp(44px,5.6vw,80px)/.8 var(--fuente-titulos);color:var(--beige,#F0DAB5);
  font-variant-numeric:tabular-nums;text-shadow:0 4px 24px rgba(0,0,0,.55);}
.brig-count .l{font:400 clamp(13px,1.3vw,15.5px)/1.35 var(--fuente-texto);color:var(--beige,#F0DAB5);
  max-width:12ch;opacity:.92;text-shadow:0 2px 12px rgba(0,0,0,.5);}

/* fila inferior: frase a la izquierda, CTA cerrando a la derecha */
.brig-side{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;
  gap:var(--sp-5);min-width:0;}
.brig-side .btn{flex:none;}
.brig-p{margin:0;flex:1;min-width:0;max-width:44ch;font:400 clamp(16px,1.7vw,23px)/1.45 var(--fuente-subtitulos);color:var(--hero-ink);}

/* clientes · marquesina con logos intercambiables (cierra La Carta) */
.cl-strip{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0;padding-top:var(--sp-4);
  border-top:1px solid rgba(240,218,181,.14);}
.cl-strip .clk{font:600 10px/1 var(--fuente-texto);letter-spacing:.22em;text-transform:uppercase;
  color:var(--hero-ink);opacity:.55;}
.cl-mask{width:100%;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
.cl-track{display:flex;width:max-content;gap:var(--sp-2);animation:cl-run 48s linear infinite;}
.cl-strip:hover .cl-track{animation-play-state:paused;}
@keyframes cl-run{to{transform:translateX(-50%);}}
.cl-logo{position:relative;flex:none;width:clamp(96px,8.4vw,126px);height:clamp(38px,3.6vw,48px);
  border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(240,218,181,.16);background:rgba(240,218,181,.04);
  transition:border-color .22s,background .22s,box-shadow .22s;}
/* estado reposo: el logo apagado y desaturado; al hover, se enciende en naranja */
.cl-logo image-slot,.cl-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  filter:grayscale(1) brightness(1.55) opacity(.55);transition:filter .22s;}
.cl-logo .cl-txt{font:600 10px/1 var(--fuente-texto);letter-spacing:.14em;text-transform:uppercase;
  color:rgba(240,218,181,.58);transition:color .22s,text-shadow .22s;}
.cl-logo:hover{border-color:var(--accent);background:rgba(255,108,55,.10);
  box-shadow:0 0 0 1px rgba(255,108,55,.35),0 10px 28px -8px rgba(255,108,55,.55);}
.cl-logo:hover image-slot,.cl-logo:hover img{
  filter:grayscale(1) brightness(.28) sepia(1) saturate(7) hue-rotate(-14deg) drop-shadow(0 0 9px rgba(255,108,55,.75));}
.cl-logo:hover .cl-txt{color:var(--accent);text-shadow:0 0 14px rgba(255,108,55,.6);}
/* variante para logos monocromos: relleno naranja exacto vía máscara */
.cl-logo.mask{background:rgba(240,218,181,.04);}
.cl-logo.mask i{position:absolute;inset:18%;background:rgba(240,218,181,.5);
  -webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;transition:background .22s;}
.cl-logo.mask:hover i{background:var(--accent);}

#p-sobremesa .panel-inner{display:flex;flex-direction:column;justify-content:center;}
.sob-head{max-width:56ch;margin-bottom:var(--sp-4);}
.sob-head h2{font-size:clamp(28px,4vw,48px);color:var(--hero-ink);margin-top:8px;}
.sob-head p{margin:12px 0 0;font:400 15px/1.65 var(--fuente-texto);color:var(--hero-ink);opacity:.82;}
.sob-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:var(--sp-4);}
.sob-card{background:var(--vidrio-fondo-tarjeta,rgba(26,23,21,.68));backdrop-filter:blur(var(--vidrio-desenfoque-tarjeta,10px));
  -webkit-backdrop-filter:blur(var(--vidrio-desenfoque-tarjeta,10px));border:1px solid var(--vidrio-borde,rgba(240,218,181,.16));
  border-radius:var(--radio-tarjeta,14px);padding:22px;display:flex;flex-direction:column;gap:11px;opacity:0;transform:translateY(28px);will-change:transform,opacity;}
.sob-card h3{font-size:clamp(19px,2.2vw,30px);color:var(--hero-ink);}
/* tag del sistema: radio 6, mayúsculas, colores literales (no cambian con el tema) */
.sob-chip{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;
  font:600 9.5px/1 var(--fuente-texto);letter-spacing:.08em;text-transform:uppercase;
  padding:7px 11px 5px;border-radius:6px;background:rgba(240,218,181,.92);color:var(--carbon,#2E2D2C);}
.sob-card h4{font:400 var(--tamano-h5,18px)/1.25 var(--fuente-subtitulos);color:var(--hero-ink);margin:0;}
.sob-card p{margin:0;font:400 14px/1.6 var(--fuente-texto);color:var(--hero-ink);opacity:.78;max-width:46ch;}
.sob-meta{font:500 12px/1 var(--fuente-texto);color:var(--apagado-oscuro,#A89F8A);}
.sob-thumb{height:140px;border-radius:10px;background:linear-gradient(135deg,#3a2c1f,#241d17);position:relative;overflow:hidden;}
.sob-thumb b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:400 110px/1 var(--fuente-titulos);color:rgba(240,218,181,.06);}
.sob-social{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding-top:22px;border-top:1px solid rgba(240,218,181,.14);opacity:0;transform:translateY(20px);}
.sob-social .t{font:400 clamp(19px,2vw,24px)/1.1 var(--fuente-titulos);color:var(--hero-ink);}
.sob-social .k{font:600 11px/1 var(--fuente-texto);letter-spacing:.12em;text-transform:uppercase;color:var(--apagado-oscuro,#A89F8A);}

#tail{position:relative;z-index:20;background:var(--bg);}
#cta-final{background:var(--contacto-bg);padding:clamp(64px,10vh,120px) var(--pad-x);display:flex;flex-direction:column;
  align-items:center;gap:20px;text-align:center;transition:background .4s ease;}
#cta-final .iso{width:clamp(96px,12vw,140px);height:auto;opacity:.9;}
#cta-final h2{font-size:clamp(27px,4.6vw,56px);color:var(--contacto-h);max-width:18ch;line-height:1.08;}
#cta-final p{margin:0;max-width:52ch;font:400 15px/1.7 var(--fuente-texto);color:var(--contacto-p);}

/* ===== Responsive inmersivo ===== */
@media (max-width:1024px){
  #p-carta .panel-inner{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:var(--sp-4);}
  /* el rail deja de aportar y de robar margen: fuera desde tablet */
  .scene-rail{display:none;}
  /* tablet: el titular ya es enorme, así que el párrafo sube de cuerpo y se
     recorta a ~3 renglones para leerse como bloque, no como línea larga */
  .hero-display{font-size:clamp(54px,8.2vw,92px);}
  .hero-kick .k1,.hero-kick .k2{font-size:15px;}
  .hero-p{max-width:44ch;font-size:17px;line-height:1.6;margin-top:20px;}
  .brig-p{max-width:52ch;}
  .brig-side{flex-direction:column;align-items:flex-start;gap:var(--sp-3);}
  .sob-grid{grid-template-columns:1fr 1fr;}
  .st-card{min-height:min(34vh,280px);}
}
@media (max-width:760px){
  .sob-grid{grid-template-columns:1fr;}
  .panel-o{padding-inline:20px;}
  #p-brigada .panel-inner{gap:var(--sp-3);}
  #p-brigada .brig-shot{min-height:min(34vh,240px);height:100%;}
  #p-sobremesa .sob-head{margin-bottom:var(--sp-3);}
  .sob-card{padding:var(--sp-3);gap:var(--sp-1);}
  .sob-thumb{height:110px;}
  .sob-thumb b{font-size:82px;}
  .sob-social{margin-top:var(--sp-3);padding-top:var(--sp-3);gap:var(--sp-2);}
  #scrim{background:linear-gradient(180deg,rgba(12,11,10,.5) 0%,rgba(12,11,10,.28) 40%,rgba(12,11,10,.86) 100%);}
  .hero-display{font-size:clamp(40px,12vw,62px);}
  .hero-p{max-width:38ch;font-size:16px;line-height:1.58;}
  .carta-head p{margin-top:10px;}
  .st-card{min-height:min(38dvh,270px);}
  .st-card{padding:16px 18px;}
  .st-num{font-size:30px;}
  .st-desc{font-size:13px;line-height:1.5;margin-bottom:10px;}
  .st-tags{gap:6px;margin-bottom:12px;}
  .st-tags span{padding:6px 10px;font-size:9.5px;}
  #p-portafolio .panel-inner{height:100dvh;}
  .pf-viewport{padding:var(--sp-2) 20px var(--scene-bottom);}
  .pf-item{max-height:none;}
  .brig-body{grid-template-rows:auto auto;gap:18px;}
  .brig-side{flex-direction:column;align-items:flex-start;gap:14px;}
  .brig-shot{height:min(38vh,260px);}
  .brig-count .n{font-size:clamp(40px,11vw,56px);}
  .brig-h{font-size:clamp(26px,7.6vw,36px);}
  .brig-head{align-items:flex-start;}
  .pf-item{width:78vw;}
}

/* ===== Modo plano (sin GSAP / reduced-motion) ===== */
html.flat #stage,html.flat #marquee,html.flat .scroll-hint,html.flat .scene-rail{display:none !important;}
html.flat #overlays{position:static;right:auto;pointer-events:auto;}
html.flat .panel-o{position:relative;inset:auto;opacity:1 !important;visibility:visible !important;transform:none !important;
  min-height:auto;padding:clamp(64px,9vh,110px) var(--pad-x);overflow:hidden;}
html.flat .panel-o .flat-bg{display:block;position:absolute;inset:0;z-index:0;}
html.flat .panel-o .flat-bg img{width:100%;height:100%;object-fit:cover;}
html.flat .panel-o .flat-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,11,10,.72),rgba(12,11,10,.88));}
html.flat .panel-inner,html.flat .pf-top,html.flat .pf-chips{position:relative;z-index:2;}
html.flat #p-hero{min-height:92vh;display:flex;align-items:center;}
html.flat .stack{height:auto;display:flex;flex-direction:column;gap:14px;}
html.flat .st-card{position:relative;grid-area:auto;inset:auto;opacity:1 !important;transform:none !important;}
html.flat #p-portafolio{padding:0;}
html.flat #p-portafolio .panel-inner{height:auto;}
html.flat .pf-viewport{overflow:visible;padding:22px var(--pad-x) 36px;}
html.flat .pf-track{flex-wrap:wrap;transform:none !important;}
html.flat .pf-viewport{align-items:flex-start;}
html.flat .pf-item{width:100%;height:auto;max-height:none;min-height:340px;}
html.flat .sob-card,html.flat .sob-social{opacity:1 !important;transform:none !important;}
@media (prefers-reduced-motion:reduce){
  .pl-iso,.pl-cam,.scroll-hint i,.band .tr{animation:none !important;}
  .rv{opacity:1;transform:none;}
  #preloader{transition:opacity .3s ease;}
}

/* =========================================================
   ÁMBITO .v3 — páginas internas idénticas a Batan v3.0
   Replica los alias de #hifiroot del prototipo v3 para que el
   markup trasplantado se comporte exactamente igual, y lo hace
   fluido/responsive para el sitio real.
   ========================================================= */
.v3{--bg:var(--color-fondo);--panel:var(--color-panel);--panel2:var(--color-panel);--line:var(--color-linea);
  --text:var(--color-texto);--text-soft:var(--color-texto-suave);--muted:var(--color-texto-apagado);
  --accent:var(--color-primario);--accent-deep:var(--color-primario-oscuro);--on-ink:var(--color-claro);
  --surface-ink:var(--color-superficie-oscura);
  --espacio-seccion-x:clamp(20px,5vw,56px);
  background:var(--bg);color:var(--text);}
[data-tema="oscuro"] .v3{--bg:var(--panel-oscuro,#232120);--panel:var(--panel2-oscuro,#2A2826);--panel2:var(--panel2-oscuro,#2A2826);
  --line:var(--color-linea-oscura,#454239);--text:var(--beige,#F0DAB5);--text-soft:var(--texto-suave-oscuro,#c9c2b2);
  background:var(--fondo-oscuro,#161514);}
[data-tema="oscuro"] .v3 [style*="background:var(--text)"],[data-tema="oscuro"] .v3 [style*="background: var(--text)"]{background:var(--carbon-profundo,#171615) !important;}
[data-tema="oscuro"] .v3 a[style*="1.5px solid var(--text)"]:hover{color:var(--panel-oscuro,#232120) !important;}
[data-tema="oscuro"] .v3 [style*="rgba(237,233,227"],[data-tema="oscuro"] .v3 [style*="rgba(237, 233, 227"],
[data-tema="oscuro"] .v3 [style*="rgba(240,218,181,.92)"],[data-tema="oscuro"] .v3 [style*="rgba(240, 218, 181, 0.92)"],
[data-tema="oscuro"] .v3 [style*="rgba(240,218,181,0.92)"]{color:var(--carbon,#2E2D2C) !important;}
[data-tema="oscuro"] .v3 [style*="linear-gradient(135deg,#ede1b2"] [style*="color:var(--text)"],
[data-tema="oscuro"] .v3 [style*="linear-gradient(135deg, rgb(237, 217, 178)"] [style*="color: var(--text)"]{color:var(--carbon,#2E2D2C) !important;}
[data-tema="oscuro"] .v3 [style*="background:#ebd7af"],[data-tema="oscuro"] .v3 [style*="background:#ead6b0"],
[data-tema="oscuro"] .v3 [style*="background:#ecd6ad"],[data-tema="oscuro"] .v3 [style*="background:#edd9b2"]{color:var(--carbon,#2E2D2C);}
[data-tema="oscuro"] .v3 [style*="background:#ebd7af"] .bt-toggle,[data-tema="oscuro"] .v3 [style*="background:#ead6b0"] .bt-toggle,
[data-tema="oscuro"] .v3 [style*="background:#ecd6ad"] .bt-toggle,[data-tema="oscuro"] .v3 [style*="background:#edd9b2"] .bt-toggle{
  border-color:var(--carbon,#2E2D2C) !important;background:rgba(255,252,246,.9) !important;color:var(--carbon,#2E2D2C) !important;}
[data-tema="oscuro"] .v3 [style*="linear-gradient(135deg, rgb(237, 217, 178)"] [style*="color: var(--text-soft)"]{color:var(--color-texto-suave,#615d57) !important;}

.v3 ::selection{background:var(--naranja-batan,#FF6C37);color:var(--gris-calido,#EDE9E3);}
.v3 image-slot::part(ring){border-style:solid !important;border-color:rgba(46,45,44,.14) !important;}
.v3 a:focus-visible,.v3 button:focus-visible,.v3 input:focus-visible,.v3 textarea:focus-visible{outline:3px solid var(--naranja-batan,#FF6C37);outline-offset:2px;}
.v3 .bt-link{transition:color .16s;position:relative;}
.v3 .bt-link:hover{color:var(--accent) !important;}
.v3 a[style*="1.5px solid var(--text)"],.v3 a[style*="2px solid var(--on-ink)"]{transition:background .2s,color .2s,transform .24s,box-shadow .2s;}
.v3 a[style*="1.5px solid var(--text)"]:hover{background:var(--text) !important;color:var(--bg) !important;transform:translateY(var(--elevacion-boton,-2px));box-shadow:0 8px 18px rgba(46,45,44,.20);}
.v3 a[style*="2px solid var(--on-ink)"]:hover{background:var(--on-ink) !important;color:var(--carbon,#2E2D2C) !important;transform:translateY(var(--elevacion-boton,-2px));}
.v3 [data-svc-toggle]{transition:background .2s;cursor:pointer;}
.v3 [data-svc-toggle]:hover{background:rgba(255,108,55,.05);}
/* las fichas del equipo (La Brigada) no cambian de fondo al pasar el cursor */
[data-route="/la-brigada"] .v3 [data-svc-toggle]:hover{background:transparent;}
.v3 .bt-cta{display:inline-flex;align-items:center;justify-content:center;
  transition:transform .22s var(--curva-marca),box-shadow .18s,filter .18s;}
.v3 .bt-cta:hover{transform:translateY(var(--elevacion-boton,-2px));box-shadow:var(--sombra-boton-hover,0 10px 26px rgba(255,108,55,.5)) !important;filter:brightness(1.06);}
.v3 .bt-cta:active{transform:translateY(0) scale(.97);}
.v3 .bt-sv{transition:transform .18s,box-shadow .18s;}
.v3 .bt-sv:hover{transform:translateY(var(--elevacion-tarjeta,-3px));box-shadow:var(--sombra-tarjeta-suave,0 14px 32px rgba(46,45,44,.10));}
.v3 .bt-svrow>*{min-width:0;flex:0 0 calc((100% - 32px)/3);transition:flex-basis .55s var(--curva-suave);}
.v3 .bt-svrow>:first-child:nth-last-child(2),.v3 .bt-svrow>:first-child:nth-last-child(2)~*{flex-basis:calc((100% - 16px)/2);}
.v3 .bt-svrow:has(>.bt-svc:hover)>*{flex-basis:calc((100% - 32px)/3 - 129px);}
.v3 .bt-svrow:has(>.bt-svc:hover)>.bt-svc:hover{flex-basis:calc((100% - 32px)/3 + 258px);}
.v3 .bt-svrow:has(>.bt-svc:hover)>:first-child:nth-last-child(2),.v3 .bt-svrow:has(>.bt-svc:hover)>:first-child:nth-last-child(2)~*{flex-basis:calc((100% - 16px)/2 - 258px);}
.v3 .bt-svrow:has(>.bt-svc:hover)>.bt-svc:first-child:nth-last-child(2):hover,.v3 .bt-svrow:has(>.bt-svc:hover)>:first-child:nth-last-child(2)~.bt-svc:hover{flex-basis:calc((100% - 16px)/2 + 258px);}
.v3 .bt-svc .bt-svc-info{transition:width .55s var(--curva-suave);}
.v3 .bt-svc:hover .bt-svc-info{width:258px !important;}
.v3 .bt-svc .bt-svc-info>div>*{opacity:0;transition:opacity .2s ease 0s;}
.v3 .bt-svc:hover .bt-svc-info>div>*{opacity:1;transition:opacity .3s ease .25s;}
.v3 .bt-svm-photo{height:132px;transition:height .5s var(--curva-suave);}
.v3 .bt-svm.bt-open .bt-svm-photo{height:348px;}
.v3 .bt-svm .bt-toggle{transition:transform .3s;}
.v3 .bt-svm.bt-open .bt-toggle{transform:rotate(45deg);}
@keyframes bt-marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.v3 .bt-logos{display:flex;width:max-content;animation:bt-marquee 30s linear infinite;}
.v3 .bt-logos-wrap:hover .bt-logos{animation-play-state:paused;}
@keyframes bt-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.v3 .bt-oo,.v3 .bt-oc{transition:color .18s;}
.v3 .bt-oo:hover{color:var(--accent) !important;-webkit-text-stroke-color:transparent !important;}
.v3 .bt-oc:hover{color:var(--on-ink) !important;-webkit-text-stroke-color:transparent !important;}
@keyframes bt-rise{from{opacity:0;transform:translateY(34px);}to{opacity:1;transform:none;}}
@keyframes bt-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,108,55,.45);}70%{box-shadow:0 0 0 18px rgba(255,108,55,0);}}
@keyframes bt-float{0%,100%{transform:translateY(-7px);}50%{transform:translateY(7px);}}
.v3 .bt-stack > div{animation:bt-rise .85s var(--curva-marca) both;}
.v3 .bt-stack > div:nth-child(1){animation-delay:.05s;}
.v3 .bt-stack > div:nth-child(2){animation-delay:.18s;}
.v3 .bt-stack > div:nth-child(3){animation-delay:.31s;}
.v3 .bt-stack > div:nth-child(4){animation-delay:.44s;}
.v3 .bt-marq:hover > div{animation-play-state:paused;}
.v3 .bt-play{animation:bt-pulse 2.4s infinite;cursor:pointer;}
.v3 .bt-float{animation:bt-float 5s ease-in-out infinite;}
.v3 .bt-rv{opacity:0;transform:translateY(28px);}
.v3 .bt-rv.bt-in{opacity:1;transform:none;transition:opacity var(--duracion-reveal,.8s) var(--curva-marca),transform var(--duracion-reveal,.8s) var(--curva-marca);}
@keyframes bt-acc{from{opacity:0;transform:translateY(-8px);clip-path:inset(0 0 100% 0);}to{opacity:1;transform:none;clip-path:inset(0 0 0 0);}}
.v3 .bt-acc{animation:bt-acc .42s var(--curva-marca) both;transform-origin:top;}
.v3 .bt-collapse{display:grid;grid-template-rows:0fr;opacity:0;margin-top:calc(-1 * var(--col-gap,12px));
  transition:grid-template-rows .42s var(--curva-marca),opacity .32s ease,margin-top .42s var(--curva-marca);}
.v3 .bt-collapse.bt-open{grid-template-rows:1fr;opacity:1;margin-top:0;}
.v3 .bt-collapse>div{overflow:hidden;min-height:0;}
.v3 .bt-toggle{transition:transform .35s var(--curva-marca),background .2s,color .2s;}
.v3 .bt-toggle.bt-on{transform:rotate(135deg);background:var(--accent) !important;color:var(--gris-calido,#EDE9E3) !important;border-color:var(--accent) !important;}
.v3 [data-bt-ctrls] button{transition:border-color .25s,transform .15s;cursor:pointer;}
.v3 [data-bt-ctrls] button:hover{border-color:var(--beige,#F0DAB5) !important;}
.v3 [data-bt-ctrls] button:active{transform:scale(.92);}
.v3 [data-bt-slider]{scrollbar-width:none;cursor:grab;}
.v3 [data-bt-slider]::-webkit-scrollbar{display:none;}
.v3 [data-bt-slider].bt-dragging{cursor:grabbing;}
.v3 [data-bt-slider].bt-dragging *{pointer-events:none;}
.v3 .bt-pf-card{transition:transform .32s var(--curva-marca),box-shadow .32s,opacity .35s,filter .35s;}
.v3 .bt-pf-card:hover{transform:translateY(-4px);box-shadow:var(--sombra-tarjeta-hover,0 18px 38px rgba(46,45,44,.24));}
.v3 .bt-pf-img{transition:transform .55s var(--curva-marca);}
.v3 .bt-pf-card:hover .bt-pf-img{transform:scale(var(--zoom-imagen,1.055));}
.v3 .bt-pf-go{transition:transform .2s,box-shadow .2s,gap .2s;}
.v3 .bt-pf-card:hover .bt-pf-go{transform:translateX(3px);box-shadow:0 10px 24px rgba(255,108,55,.5);}
.v3 .bt-pf-dim{opacity:.3;filter:grayscale(.65) brightness(.96);}
.v3 .bt-pf-chip{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;
  transition:background .2s,color .2s,border-color .2s,transform .12s;}
.v3 .bt-pf-chip:not(.bt-pf-on):hover{border-color:var(--accent) !important;color:var(--accent) !important;}
.v3 .bt-pf-chip:active{transform:scale(.95);}
.v3 .bt-pf-chip.bt-pf-on{background:var(--text) !important;color:var(--bg) !important;border-color:var(--text) !important;}
.v3 .bt-pf-tag{display:inline-flex;align-items:center;justify-content:center;text-align:center;}
.v3 .bt-pf-card.bt-pf-flat:hover{box-shadow:none;transform:translateY(var(--elevacion-tarjeta,-3px));}
.v3 [data-pf-filters]{scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;touch-action:pan-x;}
.v3 [data-pf-filters].bt-dragging{cursor:grabbing;}
.v3 [data-pf-filters]::-webkit-scrollbar{display:none;}

/* ---- El marco de 1280 de v3 recortaba estos desbordes; aquí los recorta la página ---- */
.v3{overflow-x:clip;}
.v3 .bt-svc{overflow:hidden;}
.v3 [data-bt-slider]{overflow-x:auto;overflow-y:hidden;}
.v3 .bt-logos-wrap,.v3 .bt-marq{overflow:hidden;}

/* ---- Adaptación responsive del markup de v3 (era de ancho fijo 1280) ---- */
.v3 > div{max-width:1440px;margin-inline:auto;}
.v3 img,.v3 svg,.v3 video{max-width:100%;}
@media (max-width:1180px){
  .v3 [style*="grid-template-columns:1.1fr 0.9fr"],.v3 [style*="grid-template-columns:0.9fr 1.1fr"],
  .v3 [style*="grid-template-columns:1.15fr 0.85fr"],.v3 [style*="grid-template-columns:0.85fr 1.15fr"],
  .v3 [style*="grid-template-columns:1fr 1fr"],.v3 [style*="grid-template-columns:1.2fr 0.8fr"],
  .v3 [style*="grid-template-columns:0.8fr 1.2fr"],.v3 [style*="grid-template-columns:1.4fr 1fr"],
  .v3 [style*="grid-template-columns:1fr 1.4fr"]{grid-template-columns:1fr !important;}
  .v3 .bt-svrow{flex-wrap:wrap;}
  .v3 .bt-svrow>*{flex-basis:calc((100% - 16px)/2) !important;}
}
@media (max-width:820px){
  .v3 [style*="grid-template-columns"]{grid-template-columns:1fr !important;}
  .v3 [style*="display:flex"][style*="gap:52px"],.v3 [style*="display:flex"][style*="gap:48px"],
  .v3 [style*="display:flex"][style*="gap:44px"],.v3 [style*="display:flex"][style*="gap:40px"]{flex-wrap:wrap;}
  .v3 .bt-svrow>*{flex-basis:100% !important;}
  .v3 .bt-svc .bt-svc-info{width:100% !important;}
  .v3 h1{font-size:clamp(30px,8vw,40px) !important;line-height:1.05 !important;}
  .v3 h2{font-size:clamp(24px,6.4vw,32px) !important;line-height:1.08 !important;}
  .v3 h3{font-size:clamp(19px,5vw,24px) !important;}
  .v3 [style*="font:400 62px"],.v3 [style*="font:400 72px"],.v3 [style*="font:400 88px"]{font-size:44px !important;}
}

/* =========================================================
   LANDING v5.3 · entrada del hero (motor de video v4)
   ========================================================= */

/* ---- velo de legibilidad (se intensifica en los beats con más texto) ---- */
#veil{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;
  background:linear-gradient(92deg,rgba(10,9,8,.90) 0%,rgba(10,9,8,.72) 38%,rgba(10,9,8,.30) 68%,rgba(10,9,8,.55) 100%);}
@media (max-width:760px){
  #veil{background:linear-gradient(180deg,rgba(10,9,8,.72) 0%,rgba(10,9,8,.55) 34%,rgba(10,9,8,.92) 100%);}
}

/* ---- entrada escalonada del hero ---- */
@keyframes he-rise{from{opacity:0;transform:translateY(26px);clip-path:inset(0 0 108% 0);}
  to{opacity:1;transform:none;clip-path:inset(-30% -30% -30% -30%);}}
html.js .he{opacity:0;}
body.hero-in .he{animation:he-rise .92s var(--curva-marca,cubic-bezier(.2,.7,.25,1)) both;animation-delay:var(--d,0s);}
.hero-display{display:flex;flex-direction:column;gap:0;}
.hero-display .hl{display:block;}


@media (max-width:1024px){
}
/* pantallas de poca altura: el beat se comprime en vez de desbordar
   (si desborda, el centrado lo empuja bajo el header y corta el último paso) */
@media (max-height:820px){
  #p-hero .hero-p{margin-top:16px;font-size:14.5px;line-height:1.5;}
  #p-hero .hero-actions{margin-top:20px;}
  #p-hero .acomer{margin-top:14px;}
  #p-brigada .brig-h{font-size:clamp(24px,3.4vw,38px);}
  #p-brigada .brig-p{font-size:16px;line-height:1.45;}
  #p-brigada .brig-body{gap:clamp(14px,2vw,22px);}
  #p-brigada .brig-count .n{font-size:clamp(38px,4.4vw,54px);}
  #p-carta .cl-logo{height:40px;}
}
@media (max-height:660px){
  #p-hero .hero-p{display:none;}
  #p-hero .hero-actions{margin-top:16px;}
  #p-hero .acomer{margin-top:10px;min-height:38px;padding:6px 13px 6px 7px;}
  #p-hero .acomer img{width:22px;height:22px;}
  .panel-o{--scene-top:calc(var(--hdr-h,60px) + var(--sp-2));--scene-bottom:var(--sp-2);}
  #p-brigada .panel-inner{gap:var(--sp-2);}
  #p-brigada .brig-h{font-size:clamp(21px,2.8vw,30px);}
  #p-brigada .brig-p{font-size:14.5px;line-height:1.4;}
  #p-brigada .brig-body{gap:16px;}
  #p-brigada .brig-side{gap:10px;}
  #p-brigada .brig-count .n{font-size:clamp(30px,3.6vw,40px);}
  #p-brigada .brig-count .l{font-size:12.5px;}
}
@media (prefers-reduced-motion:reduce){
  body.hero-in .he{animation:none;}
  html.js .he{opacity:1;}
}
html.flat .he{opacity:1 !important;animation:none !important;}
html.flat #veil{display:none;}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cooper Black';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://powderblue-capybara-747934.hostingersite.com/wp-content/uploads/2026/08/CooperBlack.woff2') format('woff2'),
		url('https://powderblue-capybara-747934.hostingersite.com/wp-content/uploads/2026/08/CooperBlack.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cooper Bold';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://powderblue-capybara-747934.hostingersite.com/wp-content/uploads/2026/08/CooperBold.woff2') format('woff2'),
		url('https://powderblue-capybara-747934.hostingersite.com/wp-content/uploads/2026/08/CooperBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://powderblue-capybara-747934.hostingersite.com/wp-content/uploads/2026/08/Poppins-Regular.woff2') format('woff2'),
		url('https://powderblue-capybara-747934.hostingersite.com/wp-content/uploads/2026/08/Poppins-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://powderblue-capybara-747934.hostingersite.com/wp-content/uploads/2026/08/Poppins-Medium.woff2') format('woff2'),
		url('https://powderblue-capybara-747934.hostingersite.com/wp-content/uploads/2026/08/Poppins-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://powderblue-capybara-747934.hostingersite.com/wp-content/uploads/2026/08/Poppins-SemiBold.woff2') format('woff2'),
		url('https://powderblue-capybara-747934.hostingersite.com/wp-content/uploads/2026/08/Poppins-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://powderblue-capybara-747934.hostingersite.com/wp-content/uploads/2026/08/Poppins-Bold.woff2') format('woff2'),
		url('https://powderblue-capybara-747934.hostingersite.com/wp-content/uploads/2026/08/Poppins-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */