/* ===========================================================
   CONSULADO BA — Estética "presentación" (v4)
   La misma estética de la propuesta aprobada (entrevueltas / motos):
   crema y azul planos, recuadros de 1px fundidos con el fondo,
   títulos en Cal Sans, textos en Space Mono, sellos numerados.
   Solo cambia la apariencia: no toca ningún contenido.
   Todo vive bajo .estilo-presentacion (Personalizar → Estilo visual).
   =========================================================== */

@font-face{font-family:"Cal Sans";src:url("../fonts/CalSans-Regular.ttf") format("truetype");font-weight:400;font-display:swap}

.estilo-presentacion{
  --crema:#ede8d6;
  --crema-2:#e3dcc5;
  --azul:#122849;
  --noche:#091128;
  --azul-soft:#1b3560;
  --ink:#091128;
  --line-on-dark:rgba(237,232,214,.16);
  --line-on-light:rgba(18,40,73,.16);
  --title:"Cal Sans","Helvetica Neue",Arial,sans-serif;
  --mono:"Space Mono","Courier New",monospace;
  --wrap-max:1160px;
  /* colores del tramo actual (cada sección los redefine) */
  --bg:var(--crema);--bg-hover:var(--crema-2);--fg:var(--ink);
  --fg-soft:rgba(9,17,40,.62);--line:var(--line-on-light);
  /* compatibilidad con style.css */
  --navy:#122849;--deep-navy:#091128;--cream:#ede8d6;--cream-2:#ede8d6;
  counter-reset:cba-sec;
}

/* ---------- base ---------- */
.estilo-presentacion{background:var(--crema);color:var(--ink);font-family:var(--mono);font-size:15px;line-height:1.75}
.estilo-presentacion ::selection{background:var(--azul);color:var(--crema)}
.estilo-presentacion .wrap{max-width:var(--wrap-max);padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}
@media (max-width:640px){.estilo-presentacion .wrap{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}}

.estilo-presentacion :is(h1,h2,h3,h4){font-family:var(--title);font-weight:400;text-transform:none;letter-spacing:-.005em;color:inherit;margin:0 0 .4em}
.estilo-presentacion h2{font-size:clamp(30px,4vw,52px);line-height:1.08;max-width:880px;margin-top:16px;text-wrap:balance}
.estilo-presentacion h3{font-size:24px;line-height:1.15;letter-spacing:0}
.estilo-presentacion h4{font-size:19px;line-height:1.2;letter-spacing:0}
.estilo-presentacion p{margin:0 0 1em}
.estilo-presentacion .lead{font-size:16px;line-height:1.8;max-width:660px;margin-top:22px;opacity:.88;color:inherit}
.estilo-presentacion .lead strong,.estilo-presentacion .lead b{font-weight:700}
.estilo-presentacion .script{font-family:var(--mono);font-style:italic}

/* Etiquetas en mayúscula: Space Mono bold, sin rojo */
.estilo-presentacion .eyebrow{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-soft);opacity:1;display:block;margin:0 0 6px}

/* Sello numerado (01, 02…) en la primera etiqueta de cada sección */
.estilo-presentacion section:not(.hero) > .wrap > .eyebrow:first-child,
.estilo-presentacion section:not(.hero) > .wrap > .two-col > * > .eyebrow:first-child,
.estilo-presentacion section:not(.hero) > .wrap.two-col > * > .eyebrow:first-child{
  counter-increment:cba-sec;display:flex;align-items:center;gap:16px;margin-bottom:16px;letter-spacing:.12em;
}
.estilo-presentacion section:not(.hero) > .wrap > .eyebrow:first-child::before,
.estilo-presentacion section:not(.hero) > .wrap > .two-col > * > .eyebrow:first-child::before,
.estilo-presentacion section:not(.hero) > .wrap.two-col > * > .eyebrow:first-child::before{
  content:counter(cba-sec,decimal-leading-zero);
  width:54px;height:54px;flex:none;border-radius:50%;border:1px dashed var(--fg);color:var(--fg);
  display:flex;align-items:center;justify-content:center;transform:rotate(-6deg);
  font-size:12px;letter-spacing:0;
}

/* ---------- colores por sección: planos, sin texturas ---------- */
.estilo-presentacion section{padding:130px 0;background-color:var(--bg);color:var(--fg)}
.estilo-presentacion section.tight{padding:90px 0}
@media (max-width:640px){.estilo-presentacion section{padding:88px 0}.estilo-presentacion section.tight{padding:64px 0}}

/* claras */
.estilo-presentacion :is(.section-textura-beige,.section-cream){
  --bg:var(--crema);--bg-hover:var(--crema-2);--fg:var(--ink);--fg-soft:rgba(9,17,40,.62);--line:var(--line-on-light);
  background:var(--crema);color:var(--ink)}
.estilo-presentacion :is(.section-textura-papel,.section-textura-papel-azul){
  --bg:var(--crema-2);--bg-hover:var(--crema);--fg:var(--ink);--fg-soft:rgba(9,17,40,.62);--line:var(--line-on-light);
  background:var(--crema-2);color:var(--ink)}
/* oscuras */
.estilo-presentacion :is(.section-navy,.section-textura-ventana,.section-textura-tela){
  --bg:var(--azul);--bg-hover:var(--azul-soft);--fg:var(--crema);--fg-soft:rgba(237,232,214,.62);--line:var(--line-on-dark);
  background:var(--azul);color:var(--crema)}
.estilo-presentacion :is(.section-textura-marron,.section-textura-ladrillos){
  --bg:var(--noche);--bg-hover:var(--azul);--fg:var(--crema);--fg-soft:rgba(237,232,214,.62);--line:var(--line-on-dark);
  background:var(--noche);color:var(--crema)}
/* las grillas con íconos ilustrados (azules) van sobre crema para que se vean */
.estilo-presentacion section.section-navy:has(.icon-img){
  --bg:var(--crema);--bg-hover:var(--crema-2);--fg:var(--ink);--fg-soft:rgba(9,17,40,.62);--line:var(--line-on-light);
  background:var(--crema);color:var(--ink)}
/* secciones con foto de fondo: la foto queda, con el velo de las presentaciones */
.estilo-presentacion :is(.section-foto-herman,.section-foto-fabrica,.section-foto-moto){
  --bg:var(--noche);--bg-hover:var(--azul);--fg:var(--crema);--fg-soft:rgba(237,232,214,.62);--line:var(--line-on-dark);color:var(--crema)}
.estilo-presentacion .section-foto-herman{background-image:linear-gradient(180deg,rgba(9,17,40,.7),rgba(9,17,40,.9)),url("../img/textil-herman-maquina.jpg")}
.estilo-presentacion .section-foto-fabrica{background-image:linear-gradient(180deg,rgba(9,17,40,.7),rgba(9,17,40,.9)),url("../img/fabrica-textil.jpg")}
.estilo-presentacion .section-foto-moto{background-image:linear-gradient(180deg,rgba(9,17,40,.7),rgba(9,17,40,.9)),url("../img/moto-company-hero.jpg")}
.estilo-presentacion :is(section,.cta-photo) :is(h2,h3){color:inherit}

/* Sin banderitas: el separador de cuadros no se muestra */
.estilo-presentacion .wp-block-separator.is-style-diamantes,
.estilo-presentacion .diamond-strip{display:none}

/* ---------- cabecera ---------- */
.estilo-presentacion .site-header{background:rgba(9,17,40,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-on-dark);transition:background .4s ease}
.estilo-presentacion.cba-has-hero .site-header{position:fixed;left:0;right:0;top:var(--wp-admin--admin-bar--height,0px);background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.estilo-presentacion.cba-has-hero .site-header.is-scrolled{background:rgba(9,17,40,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom-color:var(--line-on-dark)}
.estilo-presentacion .site-header .wrap{padding-top:16px;padding-bottom:16px}
.estilo-presentacion nav.main-nav{gap:4px 26px}
.estilo-presentacion nav.main-nav a{font-family:var(--title);font-size:16px;letter-spacing:0;text-transform:none;color:rgba(237,232,214,.8);border:0;padding:4px 0}
.estilo-presentacion nav.main-nav a:hover,.estilo-presentacion nav.main-nav a.active{color:var(--crema)}
.estilo-presentacion nav.main-nav a.active::before{display:none}
.estilo-presentacion nav.main-nav a.active{box-shadow:inset 0 -1px 0 currentColor}
@media (max-width:920px){
  .estilo-presentacion nav.main-nav{background:var(--noche);gap:0;padding:28px 24px}
  .estilo-presentacion nav.main-nav a{font-size:22px;padding:14px 0;border-bottom:1px solid var(--line-on-dark)}
  .estilo-presentacion nav.main-nav a.active{color:var(--crema);box-shadow:none}
  .estilo-presentacion.cba-has-hero .site-header .wrap{min-height:56px}
}

/* ---------- portada ---------- */
.estilo-presentacion .hero{min-height:100vh;background:var(--noche);color:var(--crema);display:flex;align-items:flex-end;padding:0}
.estilo-presentacion .hero.short{min-height:78vh}
.estilo-presentacion .hero-bg{opacity:1}
.estilo-presentacion .cba-hero-overlay::after{background:linear-gradient(180deg,rgba(9,17,40,.55) 0%,rgba(9,17,40,.72) 50%,rgba(9,17,40,.96) 100%)}
.estilo-presentacion .hero-content{padding-top:150px;padding-bottom:76px;position:relative;z-index:1}
.estilo-presentacion .hero-logo{height:40px;margin:0 0 48px}
.estilo-presentacion .hero .eyebrow{color:rgba(237,232,214,.72)}
.estilo-presentacion .hero h1{font-size:clamp(40px,7vw,96px);line-height:1.02;letter-spacing:-.01em;max-width:1000px;margin-top:20px;color:var(--crema);text-wrap:balance}
.estilo-presentacion .hero h1 .cba-contorno,
.estilo-presentacion .texto-contorno{color:transparent!important;-webkit-text-stroke:1.5px currentColor}
.estilo-presentacion .hero h1 .cba-contorno{-webkit-text-stroke-color:var(--crema)}
.estilo-presentacion .hero .lead{font-size:16px;max-width:600px;margin-top:28px;color:rgba(237,232,214,.85);opacity:1}
.estilo-presentacion .hero-cta{margin-top:36px;gap:14px}
.estilo-presentacion .scroll-cue{position:absolute;right:max(32px,env(safe-area-inset-right,0px));bottom:40px;z-index:2;display:flex;align-items:center;gap:12px;font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--crema);opacity:.75}
.estilo-presentacion .scroll-cue i{width:36px;height:1px;background:currentColor;display:block;animation:cbaPulse 2.4s infinite}
@keyframes cbaPulse{0%,100%{opacity:.25}50%{opacity:1}}
@media (max-width:640px){.estilo-presentacion .hero-content{padding-top:120px;padding-bottom:64px}.estilo-presentacion .scroll-cue{display:none}}

/* ---------- botones: píldoras en mono ---------- */
.estilo-presentacion .btn{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:16px 26px;border-radius:100px;border:1px solid var(--fg);background:transparent;color:var(--fg);transition:transform .25s ease,background .25s ease,color .25s ease}
.estilo-presentacion .btn:hover{transform:translateY(-2px);background:var(--fg);color:var(--bg)}
.estilo-presentacion .btn-solid{background:var(--fg);border-color:var(--fg);color:var(--bg)}
.estilo-presentacion .btn-solid:hover{background:var(--fg);color:var(--bg);opacity:.9}
.estilo-presentacion .btn-ghost{background:transparent;border-color:var(--fg);color:var(--fg)}
.estilo-presentacion :is(.hero,.cta-photo) .btn-solid{background:var(--crema);border-color:var(--crema);color:var(--azul)}
.estilo-presentacion :is(.hero,.cta-photo) :is(.btn-ghost,.btn:not(.btn-solid)){background:transparent;border-color:var(--crema);color:var(--crema)}
.estilo-presentacion :is(.hero,.cta-photo) :is(.btn-ghost,.btn:not(.btn-solid)):hover{background:var(--crema);color:var(--azul)}
.estilo-presentacion a.more{font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:inherit;opacity:.6;transition:opacity .25s,transform .25s;display:inline-block}
.estilo-presentacion a.more:hover{opacity:1;transform:translateX(4px)}

/* ---------- grillas de recuadros fundidos con el fondo ---------- */
.estilo-presentacion .grid:has(> .card){gap:0;background:none;border:0;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:64px}
.estilo-presentacion .card{background:var(--bg);color:inherit;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 28px;min-height:220px;transition:background .3s ease}
.estilo-presentacion .card:hover{transform:none;box-shadow:none;background:var(--bg-hover)}
.estilo-presentacion .card h3{color:inherit;font-size:24px;margin:22px 0 0}
.estilo-presentacion .card > h3:first-child{margin-top:0}
.estilo-presentacion .card p{color:inherit;font-size:13.5px;line-height:1.65;opacity:.75;margin:8px 0 0}
.estilo-presentacion .card > a.more{margin-top:auto;padding-top:18px}
.estilo-presentacion .card .icon-img{width:auto;height:54px;max-width:84px;object-fit:contain;mix-blend-mode:multiply;margin:0}
.estilo-presentacion .card p.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--fg-soft);opacity:1;margin:0 0 4px}
.estilo-presentacion .card p.eyebrow + h3{margin-top:22px}
.estilo-presentacion .card p.tag-pill{margin:0 6px 6px 0;opacity:.9}
.estilo-presentacion .grid:has(> .photo-card){gap:10px;background:none;border:0}

/* Recuadros y fotos sueltas */
.estilo-presentacion .img-frame{border:0}
.estilo-presentacion .two-col{gap:72px}
.estilo-presentacion .two-col .img-frame img,
.estilo-presentacion .two-col > figure img{height:560px;width:100%;object-fit:cover}
@media (max-width:900px){.estilo-presentacion .two-col{gap:40px}.estilo-presentacion .two-col .img-frame img,.estilo-presentacion .two-col > figure img{height:auto;aspect-ratio:4/5}}

/* Etiquetas en píldora */
.estilo-presentacion .tag-pill{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.5;font-family:var(--mono);font-weight:700;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;border:1px solid currentColor;border-radius:100px;padding:8px 16px;margin:0 8px 10px 0;opacity:.9;color:inherit}
.estilo-presentacion .badge-soon,.estilo-presentacion .card p.badge-soon{display:inline-block;background:transparent;color:inherit;border:1px dashed currentColor;border-radius:100px;font-family:var(--mono);font-weight:700;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:5px 14px;transform:rotate(-3deg);opacity:.85;margin:0 0 14px}

/* Citas: mono itálica con línea fina arriba */
.estilo-presentacion :is(.quote-block,.quote-inline){font-family:var(--mono);font-style:italic;font-size:clamp(17px,1.9vw,22px);line-height:1.6;color:inherit;border-left:0;border-top:1px solid var(--line);padding:34px 0 0;margin:56px 0 0;max-width:780px}

/* Números destacados */
.estilo-presentacion .stat{font-family:var(--mono)}
.estilo-presentacion .stat b{font-family:var(--title);font-weight:400;font-size:clamp(40px,5vw,64px);line-height:1;color:inherit}
.estilo-presentacion .stat span{font-weight:700;font-size:11px;letter-spacing:.12em;opacity:.6}

/* Llamados con foto de fondo */
.estilo-presentacion .cta-photo{--bg:var(--noche);--fg:var(--crema);--fg-soft:rgba(237,232,214,.62);--line:var(--line-on-dark);background:var(--noche);color:var(--crema);text-align:left;padding:0}
.estilo-presentacion .cta-photo .cta-photo-bg{opacity:1}
.estilo-presentacion .cba-cta-overlay::after{background:linear-gradient(180deg,rgba(9,17,40,.62) 0%,rgba(9,17,40,.78) 50%,rgba(9,17,40,.95) 100%)}
.estilo-presentacion .cta-photo .wrap{padding-top:130px;padding-bottom:130px}
.estilo-presentacion .cta-photo .lead{color:rgba(237,232,214,.85);opacity:1}
.estilo-presentacion .cta-photo .hero-cta,.estilo-presentacion .cta-photo .wp-block-buttons{justify-content:flex-start}
@media (max-width:640px){.estilo-presentacion .cta-photo .wrap{padding-top:88px;padding-bottom:88px}}

/* Fotos con texto encima */
.estilo-presentacion .photo-card .photo-caption{background:linear-gradient(180deg,rgba(9,17,40,0) 35%,rgba(9,17,40,.9) 100%)}
.estilo-presentacion .photo-card h3{font-size:22px}

/* Carta: escalas como recuadros (antes era una línea punteada) */
.estilo-presentacion .route-map{max-width:none;padding:0;margin-top:64px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.estilo-presentacion .route-map::before,.estilo-presentacion .route-stop::before{display:none}
.estilo-presentacion .route-stop{background:var(--bg);padding:30px 26px;min-height:200px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.estilo-presentacion .route-stop .eyebrow{font-size:11px;letter-spacing:.12em;margin:0 0 22px}
.estilo-presentacion .route-stop h3{color:inherit;font-size:22px;margin:0}
.estilo-presentacion .route-stop p{font-size:13.5px;line-height:1.65;opacity:.75;margin:8px 0 0}
@media (max-width:1000px){.estilo-presentacion .route-map{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.estilo-presentacion .route-map{grid-template-columns:1fr}}

/* Listas de platos / tragos */
.estilo-presentacion .dish-list{gap:0}
.estilo-presentacion .dish-list li{padding:16px 0;border-bottom:1px solid var(--line);font-size:14px;align-items:baseline}
.estilo-presentacion .dish-list li:first-child{border-top:1px solid var(--line)}
.estilo-presentacion .dish-list li b{font-family:var(--title);font-weight:400;font-size:19px;color:inherit}
.estilo-presentacion .dish-list li span.tag{font-weight:700;font-size:11px;letter-spacing:.12em;color:inherit;opacity:.6}

/* Logos de marcas: recuadros fundidos */
.estilo-presentacion .logo-grid{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin-top:48px}
.estilo-presentacion .logo-grid .logo-item{background:var(--bg);height:130px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.estilo-presentacion .logo-grid .logo-item img{max-height:72px;filter:none;opacity:1;mix-blend-mode:multiply}

/* Logos blancos (pensados para fondo oscuro): se oscurecen para leerse sobre crema */
.estilo-presentacion .logo-grid img[src*="tremendas"]{filter:invert(1) brightness(.35)}

/* Sin Caliper */
.estilo-presentacion .sc-block img.sc-logo{height:72px}

/* Planos y disponibilidad */
.estilo-presentacion .plano-tab{font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.12em;border-radius:100px;border-color:var(--fg);color:var(--fg)}
.estilo-presentacion .plano-tab.active{background:var(--fg);color:var(--bg)}
.estilo-presentacion .plano-interactivo{border:1px solid var(--line)}
/* los puntos del plano siguen rojos: el texto de la página los nombra así */
.estilo-presentacion .plano-modal-content{background:var(--crema);border:1px solid var(--line-on-light)}
.estilo-presentacion :is(.badge-consultar,.badge-disponible,.badge-ocupado){font-family:var(--mono);font-weight:700;font-size:10.5px;letter-spacing:.12em}
.estilo-presentacion .badge-ocupado{background:var(--noche)}
.estilo-presentacion .plano-lista li{border-color:var(--line)}

/* Formularios */
.estilo-presentacion label{font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.12em;color:inherit}
.estilo-presentacion :is(input,select,textarea){font-family:var(--mono);font-size:14px;background:transparent;border:1px solid var(--line);border-radius:0;color:inherit}
.estilo-presentacion :is(input,select,textarea):focus{outline:2px solid var(--fg);outline-offset:1px}
.estilo-presentacion .map-embed{border:1px solid var(--line)}

/* Agenda y reservas */
.estilo-presentacion .cba-agenda-dia{border-bottom:1px solid var(--line)}
.estilo-presentacion .cba-agenda-fecha b{font-family:var(--title);font-weight:400;font-size:22px;text-transform:none;color:inherit}
.estilo-presentacion .cba-agenda-hora{font-weight:700;color:inherit;opacity:.7}
.estilo-presentacion .cba-agenda-evento h3{font-size:20px}
.estilo-presentacion .cba-agenda-aviso{border:1px dashed var(--line)}
.estilo-presentacion .cba-cal{background:var(--crema);border:1px solid var(--line-on-light);color:var(--ink)}
.estilo-presentacion .cba-cal-head{font-family:var(--title);font-size:18px;text-transform:none;letter-spacing:0}
.estilo-presentacion .cba-cal-nav{border-radius:50%}
.estilo-presentacion .cba-cal-dia{background:transparent;border:1px solid var(--line-on-light)}
.estilo-presentacion .cba-cal-dia.libre:hover{border-color:var(--azul)}
.estilo-presentacion .cba-cal-dia.elegido{background:var(--azul);color:var(--crema)}
.estilo-presentacion .cba-reserva-estado{color:inherit;font-weight:700}

/* ---------- pie ---------- */
.estilo-presentacion footer.site-footer{background:var(--noche);color:var(--crema);padding:72px 0 0}
.estilo-presentacion .footer-grid{gap:40px;padding-bottom:56px}
.estilo-presentacion footer.site-footer h4{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--crema);margin:0 0 14px}
.estilo-presentacion .footer-grid ul{font-family:var(--mono);font-size:14px;gap:8px}
.estilo-presentacion .footer-grid li{opacity:.75}
.estilo-presentacion footer.site-footer a{opacity:1;transition:opacity .25s}
.estilo-presentacion footer.site-footer li:has(a):hover{opacity:1}
.estilo-presentacion footer.site-footer a:hover{color:inherit}
.estilo-presentacion footer.site-footer .footer-grid p{font-family:var(--mono);font-size:14px!important;line-height:1.75;opacity:.8}
.estilo-presentacion .footer-bottom{margin-top:0;padding-top:24px;padding-bottom:28px;border-top:1px solid var(--line-on-dark);font-size:13px}
@media (max-width:520px){.estilo-presentacion .footer-grid{grid-template-columns:1fr}}

/* ---------- ajustes sobre estilos heredados del HTML original ---------- */
/* Todo alineado a la izquierda, como en las presentaciones */
.estilo-presentacion .cba-s8{text-align:left!important}
.estilo-presentacion :is(.cba-s6,.cba-s7,.cba-s13,.cba-s21){margin-left:0!important;margin-right:0!important}
.estilo-presentacion .cba-s19{justify-content:flex-start!important}
/* Sin rojo en los textos; el color lo da la sección */
.estilo-presentacion .cba-s26{color:inherit!important}
.estilo-presentacion .cba-s1{font-size:15px!important;line-height:1.75!important}
.estilo-presentacion section.section-navy:has(.icon-img) :is(.cba-s27,.cba-s25){color:inherit!important}
/* Si una sección crema queda pegada a la grilla de íconos (que va en crema), pasa a azul para alternar */
.estilo-presentacion :is(.section-textura-beige,.section-cream,.section-textura-papel):has(+ section.section-navy .icon-img){
  --bg:var(--azul);--bg-hover:var(--azul-soft);--fg:var(--crema);--fg-soft:rgba(237,232,214,.62);--line:var(--line-on-dark);
  background:var(--azul);color:var(--crema)}
/* Secciones claras seguidas: se alternan crema y crema oscuro para separarlas */
.estilo-presentacion section:is(.section-textura-beige,.section-cream,.section-textura-papel,.section-textura-papel-azul,:not([class*="section-"]):not(.hero):not(.cta-photo)) + section:is(.section-textura-beige,.section-cream,:not([class*="section-"]):not(.hero):not(.cta-photo)){
  --bg:var(--crema-2);--bg-hover:var(--crema);background:var(--crema-2)}
.estilo-presentacion section:is(.section-textura-beige,.section-cream,:not([class*="section-"]):not(.hero):not(.cta-photo)) + section:is(.section-textura-beige,.section-cream,:not([class*="section-"]):not(.hero):not(.cta-photo)) + section:is(.section-textura-beige,.section-cream,:not([class*="section-"]):not(.hero):not(.cta-photo)){
  --bg:var(--crema);--bg-hover:var(--crema-2);background:var(--crema)}
/* La primera sección después de la portada no queda pegada */
.estilo-presentacion .hero + section.cba-s10{padding-top:90px!important}
/* ---------- piezas de la presentación de Alquiler (Estudio / Locación) y Eventos ---------- */
/* Recuadros con foto arriba */
.estilo-presentacion .card > figure.wp-block-image:first-child{margin:-32px -28px 22px;overflow:hidden}
.estilo-presentacion .card > figure.wp-block-image:first-child img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform 1.2s ease}
.estilo-presentacion .card:hover > figure.wp-block-image:first-child img{transform:scale(1.04)}
.estilo-presentacion .card > figure + p.eyebrow{margin-top:0}
/* Listas con guion */
.estilo-presentacion ul.dash{list-style:none;padding:0;margin:16px 0 24px;display:flex;flex-direction:column;gap:8px}
.estilo-presentacion ul.dash li{position:relative;padding-left:20px;font-size:14px;line-height:1.65;opacity:.88}
.estilo-presentacion ul.dash li::before{content:"—";position:absolute;left:0;opacity:.6}
/* Listas de tarifas y formatos */
.estilo-presentacion ul.dish-list{list-style:none;padding:0;margin:14px 0 28px}
.estilo-presentacion ul.dish-list li span.tag{font-family:var(--mono);text-align:right}
.estilo-presentacion .card ul.dish-list li b{font-size:17px}
.estilo-presentacion .card ul.dish-list li span.tag{font-family:var(--title);font-weight:400;font-size:20px;letter-spacing:0;opacity:1}
/* Planos */
.estilo-presentacion .planos{margin-top:48px}
.estilo-presentacion .planos figure{background:#fff;padding:14px;margin:0}
.estilo-presentacion .planos img{width:100%;height:auto}
/* Foto ancha */
.estilo-presentacion figure.img-banda{margin:48px 0}
.estilo-presentacion figure.img-banda img{width:100%;height:min(62vh,520px);object-fit:cover}
/* Portfolio en mosaico */
.estilo-presentacion .grid.folio{gap:10px;grid-template-columns:1.25fr 1fr;grid-template-rows:240px 240px}
.estilo-presentacion .grid.folio figure{margin:0;overflow:hidden}
.estilo-presentacion .grid.folio figure:first-child{grid-row:span 2}
.estilo-presentacion .grid.folio img{width:100%;height:100%;object-fit:cover}
/* Números grandes */
.estilo-presentacion .stat-row{margin-top:40px}
.estilo-presentacion p.stat{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap;margin:0}
.estilo-presentacion p.stat b{font-size:clamp(56px,8vw,104px)}
.estilo-presentacion p.stat span{font-family:var(--mono);font-weight:400;font-size:14.5px;letter-spacing:0;text-transform:none;opacity:.8;max-width:420px}
/* Subtítulos sueltos y textos sobre foto */
.estilo-presentacion section .wrap > h3{margin-top:72px}
.estilo-presentacion .cta-photo .wrap > p:not(.eyebrow){max-width:680px}
.estilo-presentacion .pill-row{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}
.estilo-presentacion .pill-row p.tag-pill{margin:0}
.estilo-presentacion .grid.grid-2:not(:has(> .card)){gap:0 48px}
@media (max-width:760px){.estilo-presentacion .grid.folio{grid-template-columns:1fr 1fr;grid-template-rows:200px 200px}}
/* ---------- aparición al hacer scroll ---------- */
.js .estilo-presentacion .reveal{opacity:0;transform:translateY(24px);transition:opacity 1s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0s),transform 1s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0s)}
.js .estilo-presentacion .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.estilo-presentacion .reveal{opacity:1!important;transform:none!important;transition:none!important}}

/* =====================================================================
   v4.1 · Paleta 2026: azul oscuro + dos crudos + bordó (sin celeste)
   ===================================================================== */
.estilo-presentacion{
  --azul:#091128;--noche:#091128;--azul-soft:#141d38;--ink:#091128;
  --crema:#e3dcc5;--crema-2:#ece9d6;--crudo:#e3dcc5;--crudo-claro:#ece9d6;--crudo-titulo:#e3dcc5;
  --bordo:#8a0808;
  --navy:#091128;--deep-navy:#091128;--cream:#e3dcc5;--cream-2:#e3dcc5;--red:#8a0808;
  --line-on-light:rgba(9,17,40,.16);
}
body.estilo-presentacion{background:var(--crema)}
/* Un solo azul: el menú es el mismo azul oscuro que la portada, siempre */
.estilo-presentacion .site-header,.estilo-presentacion .site-header.is-scrolled,.estilo-presentacion.cba-has-hero .site-header,.estilo-presentacion.cba-has-hero .site-header.is-scrolled{background:#091128!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* "Próximamente" y detalles en bordó */
.estilo-presentacion .badge-soon,.estilo-presentacion .card p.badge-soon{background:var(--bordo);border-color:var(--bordo);color:var(--crema);transform:none;opacity:1}
.estilo-presentacion .cba-wa{background:var(--bordo)}
.estilo-presentacion .cba-wa:hover{background:var(--noche)}
.estilo-presentacion .plano-hotspot{background:var(--bordo)}

/* El logo vive solo en la portada de Inicio */
.estilo-presentacion .hero .hero-logo{display:none}

/* ---------- Menú con desplegables ---------- */
.estilo-presentacion nav.main-nav .nav-item{position:relative;display:flex;align-items:center;gap:2px}
.estilo-presentacion nav.main-nav .sub-toggle{background:none;border:0;color:inherit;color:rgba(227,220,197,.75);font-size:12px;line-height:1;padding:6px 4px;cursor:pointer}
.estilo-presentacion nav.main-nav .submenu{position:absolute;top:100%;left:-18px;min-width:250px;display:flex;flex-direction:column;padding:12px 0;background:var(--noche);border:1px solid var(--line-on-dark);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s;z-index:60}
.estilo-presentacion nav.main-nav .submenu a{font-size:15px;padding:9px 20px!important;white-space:nowrap;box-shadow:none!important}
.estilo-presentacion nav.main-nav .submenu a:hover{background:rgba(227,220,197,.06)}
.estilo-presentacion nav.main-nav .nav-item.is-active > a{box-shadow:inset 0 -1px 0 currentColor}
@media (min-width:921px){
  .estilo-presentacion nav.main-nav .nav-item:hover .submenu,
  .estilo-presentacion nav.main-nav .nav-item:focus-within .submenu,
  .estilo-presentacion nav.main-nav .nav-item.open .submenu{opacity:1;visibility:visible;transform:none}
  .estilo-presentacion nav.main-nav .nav-item::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
}
@media (max-width:920px){
  .estilo-presentacion nav.main-nav .nav-item{flex-wrap:wrap;border-bottom:1px solid var(--line-on-dark)}
  .estilo-presentacion nav.main-nav .nav-item > a{flex:1;border-bottom:0!important}
  .estilo-presentacion nav.main-nav .sub-toggle{font-size:18px;padding:12px 6px;transition:transform .25s}
  .estilo-presentacion nav.main-nav .nav-item.open .sub-toggle{transform:rotate(180deg)}
  .estilo-presentacion nav.main-nav .submenu{position:static;width:100%;min-width:0;border:0;padding:0 0 10px 14px;opacity:1;visibility:visible;transform:none;display:none;background:transparent}
  .estilo-presentacion nav.main-nav .nav-item.open .submenu{display:flex}
  .estilo-presentacion nav.main-nav .submenu a{font-size:17px!important;padding:9px 0!important;border-bottom:0!important;opacity:.85}
}

/* ---------- Portada de Inicio (logo + manifiesto + fachada dibujada) ---------- */
.estilo-presentacion section.portada-inicio{min-height:calc(100vh - 60px);display:flex;align-items:center;padding:72px 0 56px;background:var(--noche);color:var(--crudo);overflow:hidden}
.portada-inicio > .wrap{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:64px;align-items:end;max-width:1440px}
.portada-inicio .inicio-logo{margin:0 0 44px}
.portada-inicio .inicio-logo img{width:clamp(200px,17vw,260px);height:auto}
.estilo-presentacion .portada-inicio h1{font-family:var(--title);font-size:clamp(42px,4.6vw,72px);line-height:1;letter-spacing:-.01em;margin:0;color:var(--crudo)!important;max-width:none}
.portada-inicio h1 .texto-contorno{-webkit-text-stroke:1.4px var(--crudo)!important}
.estilo-presentacion .portada-inicio .inicio-sub{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin:18px 0 0}
.portada-inicio .inicio-manifiesto{margin-top:30px;max-width:560px}
.estilo-presentacion .portada-inicio .inicio-manifiesto p{font-family:var(--mono);font-size:14px;line-height:1.8;margin:0 0 14px;opacity:.88;color:var(--crudo)}
.portada-inicio .inicio-manifiesto p strong{opacity:1}
.portada-inicio .inicio-fachada{position:relative;margin-right:calc(-1 * max(32px, env(safe-area-inset-right,0px)))}
.portada-inicio .inicio-fachada figure{margin:0}
.portada-inicio .inicio-fachada img{width:100%;height:auto;display:block}
.portada-inicio .inicio-fachada::after{content:"";position:absolute;left:-24px;right:0;bottom:calc(10% + 6px);height:2px;background:linear-gradient(90deg,transparent,var(--crudo) 18%);opacity:.55;transform-origin:left}
/* Fachada quieta (sin animación) */
.js .portada-inicio .inicio-texto > *{opacity:0;transform:translateY(14px);animation:cbaAparece .9s ease forwards}
.js .portada-inicio .inicio-texto > *:nth-child(2){animation-delay:.2s}.js .portada-inicio .inicio-texto > *:nth-child(3){animation-delay:.4s}.js .portada-inicio .inicio-texto > *:nth-child(4){animation-delay:.7s}
@keyframes cbaTrazar{to{-webkit-mask-position:0 0;mask-position:0 0}}
@keyframes cbaLinea{to{transform:scaleX(1)}}
@keyframes cbaAparece{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.portada-inicio .inicio-fachada img,.portada-inicio .inicio-fachada::after,.portada-inicio .inicio-texto > *{animation:none!important;opacity:1!important;transform:none!important;-webkit-mask-image:none!important;mask-image:none!important}}
@media (max-width:860px){
  .estilo-presentacion section.portada-inicio{padding:56px 0 0;min-height:0}
  .portada-inicio > .wrap{grid-template-columns:1fr;gap:36px}
  .portada-inicio .inicio-texto{text-align:center}
  .portada-inicio .inicio-logo img{margin:0 auto;width:200px}
  .portada-inicio .inicio-manifiesto{margin-left:auto;margin-right:auto}
  .portada-inicio .inicio-fachada{margin-right:0}
  .portada-inicio .inicio-fachada::after{display:none}
}