/* ═══════════════════════════════════════════════
   bath gallery · OPCIÓN C  ·  "clásica"
   Titulares en serif (Source Serif 4) · texto en Inter
   Es la vía de las marcas de gama alta: la serif da
   autoridad y veteranía sin parecer moderna de moda.
   ═══════════════════════════════════════════════ */

:root{
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --mono:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --off:#F6F5F3;
  --paper:#FAF9F7;
  --line:#E1DED8;
  --line-soft:#EEECE7;
  --ink:#191713;
  --ink-2:#33302B;
  --ink-soft:#67635C;
  --ink-faint:#9C978E;
  --black:#100E0B;
  --brown:#6E6250;
  --brown-dark:#544A3C;
  --brown-soft:#F3F1ED;
}

h1,h2,h3,h4{font-weight:600;letter-spacing:-.012em;line-height:1.1}
h1{font-size:clamp(2.1rem,4.4vw,3.6rem)}
h2{font-size:clamp(1.6rem,3vw,2.5rem)}
h3{font-size:clamp(1.2rem,1.9vw,1.55rem)}
body{font-size:16.5px}
em{color:inherit;font-style:italic;font-weight:400}
.claim h2 .l2{color:var(--ink-soft);font-style:italic}
.band h2 em,.reel-txt h2 em,.blog-hero h1 em{color:rgba(255,255,255,.68);font-style:italic}
s::after,.tatxat::after{background:var(--ink-faint);transform:scaleX(1);transition:none}

.label{font-family:var(--sans);font-weight:600;font-size:.7rem;letter-spacing:.11em;color:var(--ink-faint)}
.label::before{display:none}
.label.brown{color:var(--ink-soft)}
.btn{font-family:var(--sans);font-weight:600;font-size:.81rem;letter-spacing:.02em;text-transform:none;padding:15px 26px}
.btn:hover{background:var(--ink-2);border-color:var(--ink-2);transform:none}
.tlink{font-family:var(--sans);font-weight:600;font-size:.83rem;letter-spacing:.01em;text-transform:none}
.wordmark{font-family:var(--serif);font-weight:600;letter-spacing:-.01em}
.wordmark i,.footer .fw i{color:var(--ink-soft)}
.nav-links a{font-family:var(--sans);font-weight:500;font-size:.87rem;letter-spacing:0;text-transform:none}
.nav-links a.cta{font-weight:600;text-transform:none;letter-spacing:.01em}
.nav-links a::after{background:var(--ink)}
.lang{font-family:var(--sans);font-weight:600;font-size:.78rem}

.mono,.spec dt,.field label,.info-grid h4,.footer h4,.post-meta,.models-nota,
.mm,.mmides,.sub-txt span,.grup-head p,.molles,.res-total,.cta-min,
.hero-foot span,.stat .t,.blog-hero-peu,.consells-nota{
  font-family:var(--sans);font-weight:500;letter-spacing:.05em}
.mm{font-size:.68rem;letter-spacing:.01em;font-weight:400}
.mides-llista span{font-family:var(--serif);font-weight:600}
.marquee span{font-family:var(--serif);font-weight:600}
.marquee-track{animation:none;transform:none;justify-content:center;flex-wrap:wrap;width:auto}
.marquee-track .mq-set:nth-child(2){display:none}
.reveal{opacity:1!important;transform:none!important}
.card:hover img,.rail-card:hover img,.post:hover .post-ph img,.bt:hover img,
.srail-item:hover img,.gallery figure:hover img,.mcard:hover .mph img,
.ruta-item:hover .ruta-ph img{transform:none}
.res-card:hover,.sub:hover,.reel-frame:hover,.cvid-media:hover{transform:none}
.ruta-item .ruta-line{transform:scaleX(1)}
.ruta-n{font-family:var(--serif);-webkit-text-stroke-width:0;color:var(--ink-faint)}
.reel-frame,.cvid-media,.artv-media{border-radius:3px}
.section{padding:92px 0}
.section-sm{padding:64px 0}

/* ───────────────────────────────────────────────
   Cobertura del resto del sitio
   (showroom, diario, contacto, fichas de modelo)
   ─────────────────────────────────────────────── */

/* navegación sobre fondo oscuro */
.nav.over .wordmark i{color:rgba(255,255,255,.7)}
.btn.light:hover{background:#EDEBE7;border-color:#EDEBE7;color:var(--ink)}

/* superficies: crema cálida en vez de blanco puro */
.srail-sec,.resenyes{background:var(--paper)}
/* las cajas de foto van en blanco: los recortes del catálogo vienen sobre
   blanco y con el crema se veía el rectángulo del recorte dentro de la caja */
.mph,.model-ph,.sub-ph{background:#fff}
.cta-final{background:var(--off)}
.art-cta{background:var(--ink)}

/* el marrón solo como acento pequeño, nunca en titular */
.mgrup-t i,.res-estrelles .on,.sub-ar,.post-meta .cat,.art-toc a.on{color:var(--brown-dark)}

/* diario: titulares de artículo en serif, cuerpo en Inter */
.art-body h2,.art-body h3,.post h3,.blog-hero h1,.art-cover h1{font-family:var(--serif)}
.blog-hero h1,.art-cover h1{font-size:clamp(1.95rem,3.6vw,3rem)}
.art-body p,.art-body li{font-family:var(--sans);font-size:1.04rem;line-height:1.72}
.art-toc a{font-family:var(--sans);letter-spacing:0}

/* fichas de modelo: los números legibles, no decorativos */
.mides-llista span{letter-spacing:0}
.spec dd{font-family:var(--sans)}

/* escala contenida y botón de WhatsApp menos redondo */
.claim h2{font-size:clamp(1.85rem,3.4vw,2.85rem)}
.hero h1{max-width:19ch}
.stat .n,.res-nota b{font-family:var(--serif);font-size:clamp(2.1rem,3.2vw,2.9rem)}
.wa{border-radius:8px}