/* Identidad corporativa oficial DMT FV / integración de logotipos V3.1 */
:root {
  --brand-red: #BD000C;
  --brand-navy: #071E40;
  --brand-red-bright: #EC3945;
  --red: var(--brand-red);
  --red2: var(--brand-red-bright);
}
/* Logotipo horizontal derivado del vector oficial: conservar proporciones y sin recortes. */
.site-header .brand-official { display:flex; flex:0 0 auto; min-width:0; width:clamp(200px,18vw,265px); height:auto; padding:5px 0; }
.site-header .brand-official img { display:block; width:100%; height:auto; max-height:69px; object-fit:contain; object-position:left center; transition:filter .3s, transform .4s; }
.site-header .brand-official:hover img { filter:drop-shadow(0 0 10px #bd000c2c); transform:translateY(-1px); }
.site-header .header-inner { gap:20px; }
.site-header .main-nav { gap:clamp(10px,1.5vw,26px); }
/* La paleta del botón utiliza el rojo oficial de la identidad. */
.header-cta, .btn-red, .quote-badge { background:var(--brand-red); }
.header-cta:hover, .btn-red:hover { background:#DF1422; }
.scroll-progress span { background:linear-gradient(90deg,#bd000c,#ed3e4b); }
/* El texto de gran tamaño puede llevar un rojo más luminoso para lectura sobre grafito. */
.cinematic-copy h1>span, .cinema-selected small, .selected-overline { color:#f14b58; }
.cinema-tab.active { border-top-color:#E5313E; }
.kinetic-ticker { background:#BD000C; border-color:#BD000C; }
/* Isotipo oficial en áreas de marca con fondo oscuro. */
.brand-micro-mark { width:49px; height:45px; object-fit:contain; opacity:.9; filter:drop-shadow(0 0 10px #ffffff1c); }
.showroom-stamp-branded { display:grid; place-items:center; }
.showroom-stamp-branded img { width:65%; height:67%; object-fit:contain; transform:rotate(-10deg); }
.about-symbol-official { position:absolute; display:grid; place-items:center; inset:105px 18% auto; height:235px; z-index:1; pointer-events:none; }
.about-symbol-official img { display:block; width:min(100%,210px); max-height:210px; opacity:.78; object-fit:contain; filter:drop-shadow(0 17px 28px #0006); }
.about-photo-row { z-index:2; position:relative; }
.about-image-top, .about-image-bottom { z-index:2; position:relative; }
/* El logotipo blanco oficial sobre fondo oscuro de pie de página. */
.footer-wordmark-official { margin:0 0 17px; display:inline-flex; align-items:flex-start; }
.footer-brand .footer-wordmark-official img { display:block; width:154px; max-width:100%; height:auto; max-height:170px; object-fit:contain; object-position:top left; margin:0; padding:0; border:0; background:transparent; }
.footer-wordmark-official:hover img { filter:drop-shadow(0 0 12px #ffffff1e); }
.footer-brand p { margin:0; }
/* Adaptación responsive. Evitar que la marca compita con el carrito y el menú. */
@media (max-width:1240px) {
  .site-header .brand-official { width:clamp(195px,19vw,228px); }
  .site-header .header-inner { gap:13px; }
}
@media (max-width:1020px) {
  .site-header .brand-official { width:225px; }
  .site-header .brand-official img { max-height:60px; }
  .site-header .header-inner { gap:12px; }
}
@media (max-width:740px) {
  .site-header .brand-official { width:clamp(175px,54vw,226px); padding:3px 0; }
  .site-header .brand-official img { width:100%; height:auto; max-height:58px; }
  .site-header .header-inner { gap:8px; }
  .brand-micro-mark { width:36px; height:33px; }
  .about-symbol-official { inset:100px 16% auto; height:200px; }
  .about-symbol-official img { max-height:180px; }
  .footer-brand .footer-wordmark-official img { width:127px; max-height:145px; }
}
@media (max-width:390px) {
  .site-header .brand-official { width:171px; }
  .site-header .header-inner { gap:5px; }
}
@media(prefers-reduced-motion:reduce) {
  .site-header .brand-official img { transition:none; }
}