/* Audiovisual B2B · reglas comunes a todas las páginas (también Quiénes somos y Por qué nosotros, que vienen de andresnavarra.com):
   una sola tipografía (Montserrat), los mismos colores (negro, verde #18A686, ocre #A87A2A, blanco hueso) y cabecera legible sobre vídeo. */
:root { --v:24,166,134; --gold:rgb(24,166,134); --teal:rgb(24,166,134); --sans:Montserrat, system-ui, sans-serif; }
body, body *:not(svg):not(path):not(i[class*="icon"]) { font-family:Montserrat, system-ui, sans-serif !important; }
body { background-color:#030404; }
::selection { background:rgba(24,166,134,.35); color:#fff; }

/* Cabecera: franja oscura translúcida con desenfoque y filete fino, para que el menú se lea sobre cualquier vídeo */
header { background:linear-gradient(rgba(3,4,4,.82), rgba(3,4,4,.62)) !important; backdrop-filter:blur(14px) saturate(1.2); -webkit-backdrop-filter:blur(14px) saturate(1.2);
  border-bottom:1px solid rgba(239,232,216,.08); box-shadow:0 10px 30px -18px rgba(0,0,0,.9); }
header .brand, header nav a, #mbtn { color:#efe8d8 !important; text-shadow:0 1px 8px rgba(0,0,0,.7); }
header nav a { font-weight:600 !important; font-size:12px !important; letter-spacing:.14em !important; opacity:.85; transition:opacity .25s, color .25s; }
header nav a:hover, header nav a[aria-current], header nav a.on { opacity:1; color:#fff !important; }
header .brand { font-weight:800 !important; letter-spacing:.08em !important; }
header .sep { background:rgba(168,122,42,.6) !important; }

/* La cabecera de andresnavarra.com mezclaba sus colores con el vídeo (modo «diferencia»): aquí, normal */
header, header * { mix-blend-mode:normal !important; }

/* ---- Misma voz tipográfica que la portada en Quiénes somos, Por qué nosotros y Contacto ----
   Titulares: Montserrat gruesa, apretada, en mayúsculas. Etiquetas: seminegrita con poco espaciado. Texto: normal. */
.copia h1, .copia h2, .copia .t-nombre, .p-contacto .t-nombre, .copia .pf-vs-tit, .copia [class*="titulo"], .copia [class*="-tit"] {
  font-weight:800 !important; letter-spacing:-.02em !important; text-transform:uppercase; }
.copia h1, .p-contacto .t-nombre { font-size:clamp(2.2rem,4.6vw,4.4rem) !important; margin-right:0 !important; }
.copia h3, .copia b, .copia strong { font-weight:700 !important; }
.copia p, .copia li, .copia dd, .copia blockquote { font-weight:400 !important; letter-spacing:0 !important; }
.copia .small, .copia .mono, .copia [class*="etq"], .copia [class*="cargo"], .copia [class*="ano"], .copia [class*="tab"], .copia figcaption, .copia .car-ver,
.p-contacto .t-cargo, .p-contacto .t-base {
  font-weight:600 !important; letter-spacing:.12em !important; }
.copia del { text-decoration-color:#e5484d; }

/* Pie en una sola línea: © · packs · legales · contacto */
footer { display:flex !important; flex-wrap:nowrap !important; align-items:center; justify-content:space-between; gap:clamp(12px,1.6vw,28px); white-space:nowrap; overflow:hidden; }
footer > * { flex:none; }
footer .pie-packs { flex-wrap:nowrap; gap:0 clamp(10px,1.2vw,18px); }
footer, footer a, footer span { font-size:10px !important; letter-spacing:.08em !important; }
@media (max-width:1100px) { footer .pie-packs { display:none; } }
@media (max-width:760px) { footer { flex-wrap:wrap !important; white-space:normal; justify-content:center; } }
footer .pie-contacto { display:none !important; } @media (max-width:1300px) { footer .pie-packs { display:none; } }
/* La tarjeta de contacto de la portada, con la misma letra que la de la página de Contacto */
.contacto-home .t-nombre { font-weight:800 !important; letter-spacing:-.02em !important; text-transform:uppercase; font-size:clamp(2.2rem,4.6vw,4.4rem) !important; margin-right:0 !important; }
.contacto-home .t-cargo, .contacto-home .t-base { font-weight:600 !important; letter-spacing:.12em !important; }
/* «Marketing de contenidos para empresas» bajo AUDIOVISUAL B2B: más grande */
.tarjeta .t-cargo, .contacto-home .t-cargo, .p-contacto .t-cargo { font-size:clamp(14px,1.35vw,20px) !important; letter-spacing:.1em !important; margin-top:1.8vh !important; }
.copia .cargo { font-size:clamp(14px,1.35vw,20px) !important; letter-spacing:.1em !important; }
html, body { background:#000 !important; } body::before { content:none !important; display:none !important; }