/* NVOOH · capa de marca (manual v3) · v26
   Tipografía: Montserrat 900 (sustituta aprobada de Gotham Black para web, manual 04) + Barlow 300/400/500.
   Paleta: #4D4D4F (fondo institucional), #3D3D3F / #595A5C (apoyo), #ED1C24 (único rojo), #FFFFFF, #F5F5F5.
   Se carga al final del <head> en todas las páginas. */

:root { --brand-red: #ED1C24; --gris: #4D4D4F; --gris-oscuro: #3D3D3F; --gris-claro: #595A5C; --display: 'Montserrat', sans-serif; --texto: 'Barlow', sans-serif; }

/* ---------- Tipografía ---------- */
body { font-family: var(--texto); font-weight: 400; }
h1, h2, h3, h4,
.claim, .stat-num, .inv-number, .traffic-num, .city-name, .ticker-item, .logo-wordmark, .gp-label,
.btn-white, .btn-outline, .btn, .cta-button, .lead-submit, .steps li::before, .faq-item summary::after {
  font-family: var(--display); font-weight: 900; text-transform: uppercase;
}
h1, h2, h3, h4 { letter-spacing: -0.5px; }
.faq-item summary { font-family: var(--texto); font-weight: 500; text-transform: none; }
.inv-number { letter-spacing: -0.5px; }
.gp-label small { font-family: var(--texto); font-weight: 500; }
strong, b { font-weight: 500; }
/* Etiquetas, kickers y navegación: Barlow Medium 500 en mayúsculas */
nav a, .breadcrumb, .eyebrow, .inv-tag, .inv-label, .caso-rubro, .caso-badge, .caso-media-tag, .caso-tag,
.ficha-tag, .marcas-title, .casos-logos-title, .more-title, .lead-field label, .quote-form label, .back-btn,
.gp-side, .hero-plazas li, .compare th, .ficha dt, .footer-nav a {
  font-family: var(--texto); font-weight: 500; text-transform: uppercase;
}
.breadcrumb a, .breadcrumb span { text-transform: uppercase; }
/* Letra chica roja sobre gris no va (manual 03): kickers en blanco con barra roja */
.eyebrow { color: #FFFFFF; border-left: 3px solid var(--brand-red); padding-left: 10px; }
.inventory-section .eyebrow, .manifesto .eyebrow { color: var(--gris); }
.caso-rubro, .ficha-tag { color: #FFFFFF; }

/* ---------- Títulos sin degradé (manual 03: un solo rojo, sin degradados) ---------- */
h1.city-title, .hero h1 { background: none !important; -webkit-text-fill-color: currentColor !important; color: #FFFFFF; filter: none; }

/* ---------- Botones rojos (regla del sitio: blanco sobre #ED1C24, 19 px, 900) ----------
   PENDIENTE VALERIA: la v3 no fija la tipografía de botones; se usa Montserrat 900 como en Ruta 2. */
nav a.nav-cta, .btn-brand-red, .cta-button.primary, .lead-submit, .btn.primary, .cta-row-ba .cta-button:not(.cta-secondary) {
  background: var(--brand-red) !important; border-color: var(--brand-red) !important; color: #FFFFFF !important;
  font-family: var(--display) !important; font-size: 19px !important; font-weight: 900 !important; text-transform: uppercase; letter-spacing: 0.5px;
}
nav a.nav-cta { padding: 10px 22px; }
nav a.nav-cta:hover, .btn-brand-red:hover, .cta-button.primary:hover, .lead-submit:hover, .btn.primary:hover { background: #FFFFFF !important; border-color: #FFFFFF !important; color: var(--gris) !important; }

/* ---------- Claim (manual 08.1) ---------- */
.claim { font-family: var(--display) !important; font-weight: 900 !important; text-transform: uppercase; line-height: 0.92 !important; color: #FFFFFF !important; font-size: 1.6rem !important; letter-spacing: -0.5px; margin: 16px auto 14px; max-width: none; }
.claim-punto { color: var(--brand-red); }
.footer-bottom .claim { margin: 0; font-size: 1.35rem !important; }
.cierre-punto { color: var(--brand-red); }

/* ---------- Logo oficial (02.4) con área de seguridad (02.2) ---------- */
.logo-container img, .brand-home img, header > a > img { height: 64px !important; width: auto; display: block; }
.footer-brand img, .site-footer img, .footer-logo { height: 56px !important; width: auto; display: block; }
.site-footer img { margin: 0 auto 8px; }
@media (max-width: 992px) { .logo-container img, .brand-home img, header > a > img { height: 56px !important; } }

/* ---------- Footers sobre gris institucional ---------- */
.site-footer { background: var(--gris) !important; border-top: 1px solid var(--gris-claro) !important; color: rgba(255,255,255,0.85) !important; padding: 36px 20px 46px; text-align: center; font-size: 0.9rem; line-height: 1.8; }
.site-footer a { color: #FFFFFF; }
.site-footer .copy { font-size: 0.8rem; color: rgba(255,255,255,0.75) !important; }
.site-footer .redes a { border-bottom: 1px solid var(--brand-red); text-decoration: none; }

/* ---------- Imágenes ---------- */
.corridor-photo img.placa { aspect-ratio: 1200 / 630; object-fit: contain; background: var(--gris); }

/* Bajadas dentro de títulos: Montserrat 900 (display) o Barlow si es dato */
.hero h1 small, .h1-sub { font-family: var(--display); font-weight: 900; }
h1 .tbc, h2 .tbc, h3 .tbc { font-family: var(--texto); font-weight: 500; text-transform: none; letter-spacing: 0; }

/* v28 · Nota de desarrollo: marca contenido que hay que completar ANTES de publicar */
.dev-pend{background:#FFE14D;color:#1a1a1a;border:2px dashed #1a1a1a;padding:10px 14px;font-family:'Barlow',sans-serif;font-weight:500;font-size:.95rem;line-height:1.35;z-index:3}
/* v28 · Franja para propietarios (componente de Lucía) en landings de corredor */
.franja-espacio{background:#fff;color:#4D4D4F;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;padding:30px 34px;border-left:6px solid #ED1C24;max-width:900px;margin:50px 0 0}
.franja-espacio .pin{width:54px;height:54px}
.franja-espacio .k{font-family:'Barlow',sans-serif;font-weight:500;font-size:12px;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;color:#4D4D4F}
.franja-espacio h2{font-family:'Montserrat',sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1.02;margin:0 0 8px;color:#4D4D4F;border:0;padding:0}
.franja-espacio h2 strong{color:#ED1C24;font-weight:900}
.franja-espacio p{font-size:1rem;font-weight:400;color:#4D4D4F;margin:0}
.franja-espacio .btn{display:inline-flex;align-items:center;justify-content:center;padding:17px 34px;background:#ED1C24;border:2px solid #ED1C24;color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:19px;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.franja-espacio .btn:hover{background:#4D4D4F;border-color:#4D4D4F;color:#fff}
@media (max-width:900px){.franja-espacio{grid-template-columns:1fr;gap:16px;padding:24px 20px;border-left-width:0;border-top:6px solid #ED1C24}.franja-espacio .pin{width:40px;height:40px}.franja-espacio .btn{width:100%;white-space:normal}}
/* v28 · Enlace de texto a la página para propietarios */
.more-owner{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.88)}