/*
Theme Name: Autos Navia Child
Description: Tema hijo de GeneratePress para la web de Autos Navia.
Author: Autos Navia
Template: generatepress
Version: 0.8.6
Text Domain: autosnavia-child
*/

/* =============================================================================
   Autos Navia redesign: design tokens
   ============================================================================= */

:root {
  /* Color */
  --autosnavia-color-primary: #221E1A;
  --autosnavia-color-primary-hover: #3A332C;
  --autosnavia-color-secondary: #1A1714;
  --autosnavia-color-accent: #D9912C;
  --autosnavia-color-accent-hover: #E5A648;
  --autosnavia-color-accent-deep: #B26F14;
  --autosnavia-color-accent-soft: #F2C46D;
  --autosnavia-color-bg: #F7F4EF;
  --autosnavia-color-surface: #FFFFFF;
  --autosnavia-color-surface-alt: #F1ECE3;
  --autosnavia-color-text: #2A2521;
  --autosnavia-color-muted: #5C534A;
  --autosnavia-color-muted-2: #8A7E72;
  --autosnavia-color-border: #EAE4DA;
  --autosnavia-color-on-dark: #FFFFFF;
  --autosnavia-color-on-dark-muted: #B5AB9F;
  --autosnavia-color-on-accent: #221E1A;

  /* Tipografía */
  --autosnavia-font-heading: 'Archivo', system-ui, sans-serif;
  --autosnavia-font-body: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Radios */
  --autosnavia-radius-sm: 9px;
  --autosnavia-radius-md: 10px;
  --autosnavia-radius-lg: 14px;
  --autosnavia-radius-xl: 16px;
  --autosnavia-radius-pill: 999px;

  /* Sombras */
  --autosnavia-shadow-card: 0 1px 4px rgba(42,37,33,0.07);
  --autosnavia-shadow-card-hover: 0 10px 28px rgba(42,37,33,0.15);
  --autosnavia-shadow-panel: 0 2px 10px rgba(42,37,33,0.07);

  /* Espaciado */
  --autosnavia-space-1: 4px;
  --autosnavia-space-2: 8px;
  --autosnavia-space-3: 12px;
  --autosnavia-space-4: 16px;
  --autosnavia-space-5: 24px;
  --autosnavia-space-6: 32px;
  --autosnavia-space-7: 48px;
  --autosnavia-space-8: 64px;

  /* Layout */
  --autosnavia-container: 1200px;
  --autosnavia-gutter: 24px;
}

/* =============================================================================
   Autos Navia redesign: global base
   ============================================================================= */

body {
  background-color: var(--autosnavia-color-bg);
  color: var(--autosnavia-color-text);
  font-family: var(--autosnavia-font-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--autosnavia-font-heading);
  color: var(--autosnavia-color-text);
  line-height: 1.2;
}

h1 { font-size: 2.25rem; margin-bottom: 0.75rem; }
h2 { font-size: 1.75rem; margin-bottom: 0.65rem; }
h3 { font-size: 1.375rem; margin-bottom: 0.55rem; }
h4 { font-size: 1.125rem; margin-bottom: 0.5rem; }
h5 { font-size: 1rem; margin-bottom: 0.4rem; }
h6 { font-size: 0.9rem; margin-bottom: 0.35rem; }

/* Links sobre fondo claro: ámbar profundo, no ámbar claro */
a {
  color: var(--autosnavia-color-accent-deep);
}

a:hover {
  color: var(--autosnavia-color-accent);
}

/* Prosa editorial genérica (páginas corporativas / legales) */
.entry-content p,
.wp-block-post-content p,
.page-content p {
  line-height: 1.7;
  margin-bottom: 1rem;
  max-width: 68ch;
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.wp-block-post-content h2,
.wp-block-post-content h3,
.wp-block-post-content h4 {
  margin-top: 1.75em;
  margin-bottom: 0.5em;
}

.entry-content ul,
.entry-content ol,
.wp-block-post-content ul,
.wp-block-post-content ol {
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}

.entry-content li,
.wp-block-post-content li {
  margin-bottom: 0.4rem;
  line-height: 1.7;
}

/* =============================================================================
   Autos Navia redesign: sistema de botones reutilizable
   ============================================================================= */

.autosnavia-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4em;
  padding: 0.6rem 1.4rem;
  font-weight: 700;
  font-size: 0.9rem;
  border-radius: var(--autosnavia-radius-md);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
  white-space: nowrap;
  line-height: 1.3;
}

.autosnavia-btn--accent {
  background: var(--autosnavia-color-accent);
  color: var(--autosnavia-color-on-accent);
}

.autosnavia-btn--accent:hover {
  background: var(--autosnavia-color-accent-hover);
  color: var(--autosnavia-color-on-accent);
}

.autosnavia-btn--dark {
  background: var(--autosnavia-color-primary);
  color: var(--autosnavia-color-on-dark);
}

.autosnavia-btn--dark:hover {
  background: var(--autosnavia-color-primary-hover);
  color: var(--autosnavia-color-on-dark);
}

.autosnavia-btn--ghost {
  background: transparent;
  color: var(--autosnavia-color-text);
  border: 1.5px solid var(--autosnavia-color-border);
}

.autosnavia-btn--ghost:hover {
  border-color: var(--autosnavia-color-accent-deep);
  color: var(--autosnavia-color-accent-deep);
}

.autosnavia-btn--ghost-dark {
  background: transparent;
  color: var(--autosnavia-color-on-dark);
  border: 1.5px solid rgba(255, 255, 255, 0.45);
}

.autosnavia-btn--ghost-dark:hover {
  border-color: var(--autosnavia-color-accent);
  color: var(--autosnavia-color-accent-soft);
}

/* =============================================================================
   Autos Navia redesign: accesibilidad base
   ============================================================================= */

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--autosnavia-color-accent);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* =============================================================================
   Archivo público de vehículos — clases con prefijo .autosnavia-
   ============================================================================= */

.autosnavia-archive-vehiculos {
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem 1rem;
}

.autosnavia-archive-header {
	margin-bottom: 2rem;
}

.autosnavia-archive-title {
	font-size: 1.75rem;
	margin-bottom: 0.5rem;
}

.autosnavia-archive-description {
	color: #555;
	margin-bottom: 0;
}

/* Cuadrícula responsive */
.autosnavia-vehiculos-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
	margin-bottom: 2rem;
}

@media (max-width: 900px) {
	.autosnavia-vehiculos-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 540px) {
	.autosnavia-vehiculos-grid {
		grid-template-columns: 1fr;
	}
}

/* Tarjeta */
.autosnavia-vehiculo-card {
	border: 1px solid #ddd;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
	display: flex;
	flex-direction: column;
	transition: box-shadow 0.2s ease;
}

.autosnavia-vehiculo-card:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Imagen */
.autosnavia-card-imagen-link {
	position: relative;
	display: block;
	overflow: hidden;
}

.autosnavia-card-imagen {
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
}

.autosnavia-card-imagen-placeholder {
	width: 100%;
	height: 200px;
	background: #f0f0f0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #888;
	font-size: 0.875rem;
}

/* Badge Reservado */
.autosnavia-badge-reservado {
	position: absolute;
	top: 10px;
	left: 10px;
	background: #e67e22;
	color: #fff;
	font-size: 0.75rem;
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 3px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

/* Cuerpo de la tarjeta */
.autosnavia-card-body {
	padding: 1rem;
	display: flex;
	flex-direction: column;
	flex: 1;
}

/* Título */
.autosnavia-card-titulo {
	font-size: 1rem;
	margin: 0 0 0.5rem;
	line-height: 1.3;
}

.autosnavia-card-titulo a {
	text-decoration: none;
	color: inherit;
}

.autosnavia-card-titulo a:hover {
	text-decoration: underline;
}

/* Precio */
.autosnavia-card-precio {
	font-size: 1.25rem;
	font-weight: 700;
	color: #1a1a1a;
	margin: 0 0 0.75rem;
}

/* Lista compacta de datos */
.autosnavia-card-datos {
	list-style: none;
	padding: 0;
	margin: 0 0 1rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0.75rem;
	font-size: 0.875rem;
	color: #555;
}

.autosnavia-card-datos li::before {
	content: '';
}

/* Enlace Ver vehículo */
.autosnavia-card-enlace {
	display: inline-block;
	margin-top: auto;
	padding: 0.5rem 1rem;
	background: #1a1a1a;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
	font-size: 0.875rem;
	text-align: center;
	transition: background 0.2s ease;
}

.autosnavia-card-enlace:hover {
	background: #333;
	color: #fff;
}

/* Paginación */
.autosnavia-pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: center;
	padding: 1rem 0;
}

.autosnavia-pagination .page-numbers {
	padding: 0.4rem 0.75rem;
	border: 1px solid #ddd;
	border-radius: 3px;
	text-decoration: none;
	color: #1a1a1a;
	font-size: 0.875rem;
}

.autosnavia-pagination .page-numbers.current {
	background: #1a1a1a;
	color: #fff;
	border-color: #1a1a1a;
}

/* Sin resultados */
.autosnavia-no-vehiculos {
	padding: 2rem;
	text-align: center;
	color: #555;
	font-size: 1rem;
}

/*
 * CSS LEGACY ELIMINADO (F8B):
 * .autosnavia-single-vehiculo, .autosnavia-single-back, .autosnavia-single-header,
 * .autosnavia-single-titulo, .autosnavia-single-precio, .autosnavia-single-galeria,
 * .autosnavia-single-img*, .autosnavia-single-miniaturas, .autosnavia-miniatura-*,
 * .autosnavia-single-section-title, .autosnavia-single-caracteristicas,
 * .autosnavia-caract-grid, .autosnavia-caract-label, .autosnavia-caract-valor,
 * .autosnavia-single-descripcion, .autosnavia-single-content,
 * .autosnavia-single-equipamiento, .autosnavia-equip-lista,
 * .autosnavia-single-cta (versión legacy), .autosnavia-cta-*, .autosnavia-cta-btn*.
 * Pertenecen a la plantilla de ficha anterior, sustituida por F6.
 * No aparecen en ninguna plantilla activa del tema hijo.
 * .autosnavia-badge-reservado se conserva: lo usa single-vehiculo.php (F6).
 */

/* =============================================================================
   Autos Navia redesign: top bar (F2A)
   ============================================================================= */

/* --- Desktop / tablet: > 640px --- */
.autosnavia-top-bar {
	background: var(--autosnavia-color-secondary);
	color: var(--autosnavia-color-on-dark-muted);
	font-size: 0.8rem;
	line-height: 1;
}

.autosnavia-top-bar__inner {
	max-width: var(--autosnavia-container);
	margin: 0 auto;
	padding-inline: var(--autosnavia-gutter);
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 38px;
}

.autosnavia-top-bar__info {
	display: flex;
	align-items: center;
	gap: var(--autosnavia-space-2);
}

.autosnavia-top-bar__separator {
	opacity: 0.35;
}

.autosnavia-top-bar__actions {
	display: flex;
	align-items: center;
	gap: var(--autosnavia-space-3);
}

.autosnavia-top-bar__phone {
	color: var(--autosnavia-color-on-dark);
	text-decoration: none;
	opacity: 0.82;
	white-space: nowrap;
	transition: opacity 0.15s ease;
}

.autosnavia-top-bar__phone:hover {
	opacity: 1;
	color: var(--autosnavia-color-on-dark);
}

.autosnavia-top-bar__whatsapp {
	background: var(--autosnavia-color-accent);
	color: var(--autosnavia-color-on-accent);
	text-decoration: none;
	padding: 0.28rem 0.8rem;
	border-radius: var(--autosnavia-radius-pill);
	font-weight: 700;
	font-size: 0.75rem;
	white-space: nowrap;
	transition: background 0.15s ease;
}

.autosnavia-top-bar__whatsapp:hover {
	background: var(--autosnavia-color-accent-hover);
	color: var(--autosnavia-color-on-accent);
}

/* Ocultar label móvil en desktop */
.autosnavia-top-bar__mobile-label {
	display: none;
}

/* --- Móvil: <= 640px --- */
@media (max-width: 640px) {
	.autosnavia-top-bar__info,
	.autosnavia-top-bar__phone--fixed {
		display: none;
	}

	.autosnavia-top-bar__inner {
		padding-inline: 0;
		min-height: 0;
	}

	.autosnavia-top-bar__actions {
		width: 100%;
		gap: 0;
	}

	.autosnavia-top-bar__phone--mobile {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 1;
		min-height: 44px;
		background: var(--autosnavia-color-primary);
		color: var(--autosnavia-color-on-dark);
		opacity: 1;
		font-size: 0.875rem;
		font-weight: 600;
		padding: 0;
	}

	.autosnavia-top-bar__desktop-label,
	.autosnavia-top-bar__desktop-number {
		display: none;
	}

	.autosnavia-top-bar__mobile-label {
		display: inline;
	}

	.autosnavia-top-bar__whatsapp {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 1;
		min-height: 44px;
		background: var(--autosnavia-color-accent);
		color: var(--autosnavia-color-on-accent);
		border-radius: 0;
		padding: 0;
		font-size: 0.875rem;
		font-weight: 700;
	}

	.autosnavia-top-bar__whatsapp:hover {
		background: var(--autosnavia-color-accent-hover);
	}
}

/* =============================================================================
   Autos Navia redesign: corporate footer (F2B)
   ============================================================================= */

/*
 * Oculta el footer estándar de GeneratePress (.site-footer).
 * El pie corporativo se inyecta antes mediante generate_before_footer,
 * por lo que .site-footer queda vacío. Se suprime para evitar espacio extra.
 * No afecta a .autosnavia-footer, que es un elemento hermano anterior.
 */
.site-footer {
  display: none;
}

/* --- Base --- */
.autosnavia-footer {
  background: var(--autosnavia-color-secondary);
  color: var(--autosnavia-color-on-dark-muted);
  font-size: 0.875rem;
  line-height: 1.6;
}

.autosnavia-footer a {
  color: var(--autosnavia-color-on-dark);
  text-decoration: none;
  transition: color 0.15s ease;
}

.autosnavia-footer a:hover {
  color: var(--autosnavia-color-accent-soft);
}

/* --- Contenedor --- */
.autosnavia-footer__inner {
  max-width: var(--autosnavia-container);
  padding-inline: var(--autosnavia-gutter);
  margin-inline: auto;
}

/* --- Wordmark --- */
.autosnavia-footer__brand {
  display: inline-block;
  font-family: var(--autosnavia-font-heading);
  font-weight: 800;
  font-size: 24px;
  color: var(--autosnavia-color-on-dark);
  line-height: 1.1;
  margin-bottom: var(--autosnavia-space-3);
}

.autosnavia-footer__brand:hover {
  color: var(--autosnavia-color-on-dark);
  opacity: 0.88;
}

.autosnavia-footer__brand span {
  color: var(--autosnavia-color-accent);
}

.autosnavia-footer__brand--compact {
  font-size: 20px;
  margin-bottom: 0;
}

/* --- Labels de sección y datos --- */
.autosnavia-footer__col-heading {
  color: var(--autosnavia-color-accent-soft);
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 0 var(--autosnavia-space-4);
  padding: 0;
  border: none;
}

.autosnavia-footer__data-label {
  display: block;
  color: var(--autosnavia-color-accent-soft);
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: var(--autosnavia-space-1);
}

/* --- Claim --- */
.autosnavia-footer__claim {
  color: var(--autosnavia-color-on-dark-muted);
  font-size: 0.875rem;
  margin: 0;
}

/* --- WhatsApp píldora ámbar --- */
.autosnavia-footer__whatsapp-wrap {
  margin-top: var(--autosnavia-space-3);
}

.autosnavia-footer__whatsapp {
  display: inline-flex;
  align-items: center;
  background: var(--autosnavia-color-accent);
  color: var(--autosnavia-color-on-accent);
  padding: 0.35rem 1rem;
  border-radius: var(--autosnavia-radius-pill);
  font-weight: 700;
  font-size: 0.875rem;
  min-height: 36px;
  transition: background 0.15s ease;
}

.autosnavia-footer__whatsapp:hover {
  background: var(--autosnavia-color-accent-hover);
  color: var(--autosnavia-color-on-accent);
}

/* --- Enlace de navegación --- */
.autosnavia-footer__nav-link {
  color: var(--autosnavia-color-accent-soft);
  font-weight: 600;
}

.autosnavia-footer__nav-link:hover {
  color: var(--autosnavia-color-on-dark);
}

/* ===== Footer unificado — todas las páginas ===== */

.autosnavia-footer .autosnavia-footer__inner {
  padding-top: 28px;
  padding-bottom: 0;
}

/* Zona superior: marca + contacto en fila */
.autosnavia-footer__top {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--autosnavia-space-4) var(--autosnavia-space-7);
  padding-bottom: var(--autosnavia-space-4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.autosnavia-footer__brand-block {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

/* Brand dentro de brand-block sin margin-bottom heredado */
.autosnavia-footer__brand-block .autosnavia-footer__brand {
  margin-bottom: 0;
}

.autosnavia-footer__claim {
  color: var(--autosnavia-color-on-dark-muted);
  font-size: 0.8rem;
  margin: 0;
}

/* Contacto inline: items en fila */
.autosnavia-footer__contact-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--autosnavia-space-2) var(--autosnavia-space-5);
  flex: 1;
  min-width: 0;
}

.autosnavia-footer__contact-item {
  display: inline-flex;
  align-items: baseline;
  gap: var(--autosnavia-space-1);
  white-space: nowrap;
}

.autosnavia-footer__contact-item--primary a {
  font-size: 1rem;
  font-weight: 700;
  color: var(--autosnavia-color-on-dark);
}

.autosnavia-footer__contact-item--wa {
  align-items: center;
}

/* Zona inferior: ubicación + meta en fila */
.autosnavia-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--autosnavia-space-2) var(--autosnavia-space-5);
  padding: var(--autosnavia-space-3) 0 var(--autosnavia-space-4);
}

.autosnavia-footer__location-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--autosnavia-space-2) var(--autosnavia-space-4);
  font-size: 0.8rem;
  color: var(--autosnavia-color-on-dark-muted);
}

.autosnavia-footer__address-text,
.autosnavia-footer__hours-text {
  color: var(--autosnavia-color-on-dark-muted);
}

.autosnavia-footer__meta-inline {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--autosnavia-space-2) var(--autosnavia-space-4);
  flex-shrink: 0;
}

.autosnavia-footer__copyright {
  color: var(--autosnavia-color-on-dark-muted);
  font-size: 0.8rem;
  white-space: nowrap;
}

/* --- Legal nav --- */
.autosnavia-footer__legal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem var(--autosnavia-space-4);
}

.autosnavia-footer__legal-link {
  color: var(--autosnavia-color-on-dark-muted);
  font-size: 0.8rem;
  white-space: nowrap;
}

.autosnavia-footer__legal-link:hover {
  color: var(--autosnavia-color-accent-soft);
}

/* Tablet 641–960px */
@media (min-width: 641px) and (max-width: 960px) {
  .autosnavia-footer__top {
    gap: var(--autosnavia-space-4) var(--autosnavia-space-5);
  }

  .autosnavia-footer__contact-inline {
    flex-basis: 100%;
  }
}

/* Móvil ≤ 640px */
@media (max-width: 640px) {
  .autosnavia-footer .autosnavia-footer__inner {
    padding-top: 24px;
  }

  .autosnavia-footer__top {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--autosnavia-space-4);
  }

  .autosnavia-footer__contact-inline {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--autosnavia-space-3);
  }

  .autosnavia-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--autosnavia-space-3);
    padding-bottom: var(--autosnavia-space-5);
  }

  .autosnavia-footer__meta-inline {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--autosnavia-space-2);
  }
}

/* =============================================================================
   Página de contacto — clases con prefijo .autosnavia-contact
   ============================================================================= */

.autosnavia-contact {
	max-width: 1100px;
	margin: 0 auto;
	padding: 2rem 1rem;
}

.autosnavia-contact__intro {
	margin-bottom: 2rem;
}

.autosnavia-contact__intro h1 {
	font-size: 1.75rem;
	margin-bottom: 0.5rem;
}

.autosnavia-contact__intro p {
	color: #555;
	margin-bottom: 0;
}

.autosnavia-contact__page-content {
	margin-top: 1rem;
}

/* Cuadrícula de tres secciones */
.autosnavia-contact__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
	margin-bottom: 2rem;
}

@media (max-width: 900px) {
	.autosnavia-contact__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 540px) {
	.autosnavia-contact__grid {
		grid-template-columns: 1fr;
	}
}

.autosnavia-contact__section {
	background: #f7f7f7;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	padding: 1.25rem 1.5rem;
}

.autosnavia-contact__section h2 {
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #555;
	margin: 0 0 1rem;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid #e0e0e0;
}

.autosnavia-contact__section p {
	font-size: 0.9rem;
	color: #333;
	margin: 0 0 0.75rem;
	line-height: 1.6;
}

.autosnavia-contact__section p:last-child {
	margin-bottom: 0;
}

.autosnavia-contact__section a {
	color: #1a1a1a;
	text-decoration: none;
}

.autosnavia-contact__section a:hover {
	text-decoration: underline;
}

/* Separación entre el bloque del formulario y las cajas de detalle */
.autosnavia-contact-page__content {
	margin-bottom: 3rem;
}

.autosnavia-contact-page__details {
	margin-top: 3rem;
	padding-top: 2rem;
	border-top: 1px solid #e0e0e0;
}

/* Espaciado interno del bloque de protección de datos (CF7 / clase genérica) */
.autosnavia-contact__page-content .wpcf7-acceptance,
.autosnavia-contact__page-content .lopd-info,
.autosnavia-contact__page-content p.lopd,
.autosnavia-contact__page-content details,
.autosnavia-contact__page-content .wpcf7-list-item {
	margin-top: 1rem;
}

/* Textarea con altura razonable */
.autosnavia-contact__page-content textarea,
.autosnavia-contact__page-content .wpcf7-textarea {
	min-height: 120px;
	max-height: 260px;
	width: 100%;
	box-sizing: border-box;
	resize: vertical;
}

/* Separación entre checkbox de privacidad y botón Enviar */
.autosnavia-contact__page-content .wpcf7-acceptance {
	display: block;
	margin-bottom: 1.25rem;
}

.autosnavia-contact__page-content .wpcf7-submit,
.autosnavia-contact__page-content input[type="submit"] {
	margin-top: 0.5rem;
}

/* Bloque "Información básica sobre protección de datos" */
.autosnavia-contact__page-content .wpcf7-acceptance label,
.autosnavia-contact__page-content .lopd-block {
	line-height: 1.6;
}

/* Campos de formulario a ancho completo en móvil */
.autosnavia-contact__page-content input[type="text"],
.autosnavia-contact__page-content input[type="email"],
.autosnavia-contact__page-content input[type="tel"],
.autosnavia-contact__page-content select {
	width: 100%;
	box-sizing: border-box;
}

@media (max-width: 540px) {
	.autosnavia-contact-page__content {
		margin-bottom: 2rem;
	}
	.autosnavia-contact-page__details {
		margin-top: 2rem;
		padding-top: 1.5rem;
	}
}

/* Botones CTA de la página de contacto — reutiliza .autosnavia-cta-btn */
.autosnavia-contact__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 0.25rem;
}

@media (max-width: 480px) {
	.autosnavia-contact__actions {
		flex-direction: column;
		align-items: stretch;
	}
	.autosnavia-contact__actions .autosnavia-cta-btn {
		text-align: center;
	}
}

/* =============================================================================
   Portada — clases con prefijo .autosnavia-home
   ============================================================================= */

.autosnavia-home {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 1rem;
}

/* Hero */
.autosnavia-home-hero {
	background: #f7f7f7;
	border-radius: 6px;
	padding: 3rem 2rem;
	margin: 2rem 0;
	text-align: center;
}

.autosnavia-home-hero__content {
	max-width: 680px;
	margin: 0 auto;
}

.autosnavia-home-hero__content h1 {
	font-size: 2.25rem;
	margin: 0 0 0.75rem;
}

.autosnavia-home-hero__tagline {
	font-size: 1.15rem;
	color: #333;
	margin: 0 0 0.75rem;
}

.autosnavia-home-hero__desc {
	color: #555;
	margin: 0 0 1.75rem;
	line-height: 1.7;
}

.autosnavia-home-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: center;
}

/* Botones */
.autosnavia-home-btn {
	display: inline-block;
	padding: 0.65rem 1.5rem;
	border-radius: 4px;
	font-size: 0.9rem;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
	white-space: nowrap;
}

.autosnavia-home-btn--primary {
	background: #1a1a1a;
	color: #fff;
}

.autosnavia-home-btn--primary:hover {
	background: #333;
	color: #fff;
}

.autosnavia-home-btn--secondary {
	background: transparent;
	color: #1a1a1a;
	border: 2px solid #1a1a1a;
}

.autosnavia-home-btn--secondary:hover {
	background: #1a1a1a;
	color: #fff;
}

.autosnavia-home-btn--outline {
	background: transparent;
	color: #1a1a1a;
	border: 1px solid #1a1a1a;
}

.autosnavia-home-btn--outline:hover {
	background: #1a1a1a;
	color: #fff;
}

@media (max-width: 480px) {
	.autosnavia-home-hero__actions {
		flex-direction: column;
		align-items: stretch;
	}
	.autosnavia-home-btn {
		text-align: center;
	}
	.autosnavia-home-hero__content h1 {
		font-size: 1.75rem;
	}
}

/* Contenido editable de página */
.autosnavia-home-page-content {
	margin: 1.5rem 0 2rem;
}

/* Vehículos destacados */
.autosnavia-home-featured {
	margin: 2rem 0;
}

.autosnavia-home-featured__header {
	margin-bottom: 1.5rem;
}

.autosnavia-home-featured__header h2 {
	font-size: 1.5rem;
	margin: 0 0 0.4rem;
}

.autosnavia-home-featured__header p {
	color: #555;
	margin: 0;
}

.autosnavia-home-featured__footer {
	margin-top: 1.5rem;
	text-align: center;
}

/* Bloque de confianza */
.autosnavia-home-trust {
	background: #f7f7f7;
	border-radius: 6px;
	padding: 2.5rem 2rem;
	margin: 2rem 0;
}

.autosnavia-home-trust__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
	max-width: 960px;
	margin: 0 auto;
}

@media (max-width: 700px) {
	.autosnavia-home-trust__grid {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
}

.autosnavia-home-trust__item h3 {
	font-size: 1rem;
	margin: 0 0 0.4rem;
}

.autosnavia-home-trust__item p {
	color: #555;
	font-size: 0.9rem;
	margin: 0;
	line-height: 1.6;
}

/* CTA final */
.autosnavia-home-cta {
	background: #1a1a1a;
	color: #fff;
	border-radius: 6px;
	padding: 2.5rem 2rem;
	text-align: center;
	margin: 2rem 0 3rem;
}

.autosnavia-home-cta h2 {
	font-size: 1.5rem;
	color: #fff;
	margin: 0 0 0.5rem;
}

.autosnavia-home-cta p {
	color: #ccc;
	margin: 0 0 1.5rem;
}

.autosnavia-home-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: center;
}

.autosnavia-home-cta .autosnavia-home-btn--primary {
	background: #fff;
	color: #1a1a1a;
}

.autosnavia-home-cta .autosnavia-home-btn--primary:hover {
	background: #e0e0e0;
	color: #1a1a1a;
}

.autosnavia-home-cta .autosnavia-home-btn--secondary {
	border-color: #fff;
	color: #fff;
}

.autosnavia-home-cta .autosnavia-home-btn--secondary:hover {
	background: #fff;
	color: #1a1a1a;
}

@media (max-width: 480px) {
	.autosnavia-home-cta__actions {
		flex-direction: column;
		align-items: stretch;
	}
	.autosnavia-home-cta .autosnavia-home-btn {
		text-align: center;
	}
}

/* =============================================================================
   Filtros del archivo de vehículos — clases con prefijo .autosnavia-filters
   ============================================================================= */

.autosnavia-filters {
	background: #f7f7f7;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	padding: 1.25rem 1.5rem;
	margin-bottom: 2rem;
}

.autosnavia-filters__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 0.75rem 1rem;
	margin-bottom: 1rem;
}

@media (max-width: 480px) {
	.autosnavia-filters__grid {
		grid-template-columns: 1fr;
	}
}

.autosnavia-filters__field {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
}

.autosnavia-filters__field label {
	font-size: 0.8rem;
	font-weight: 600;
	color: #555;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.autosnavia-filters__field input[type="text"],
.autosnavia-filters__field select {
	width: 100%;
	padding: 0.45rem 0.6rem;
	font-size: 0.9rem;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	color: #1a1a1a;
	box-sizing: border-box;
}

.autosnavia-filters__field input[type="text"]:focus,
.autosnavia-filters__field select:focus {
	outline: 2px solid #1a1a1a;
	outline-offset: 1px;
}

.autosnavia-filters__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	align-items: center;
}

.autosnavia-filters__btn {
	display: inline-block;
	padding: 0.5rem 1.25rem;
	border-radius: 4px;
	font-size: 0.875rem;
	text-decoration: none;
	cursor: pointer;
	border: none;
	transition: background 0.2s ease, color 0.2s ease;
	white-space: nowrap;
}

.autosnavia-filters__btn--submit {
	background: #1a1a1a;
	color: #fff;
}

.autosnavia-filters__btn--submit:hover {
	background: #333;
	color: #fff;
}

.autosnavia-filters__btn--reset {
	background: transparent;
	color: #555;
	border: 1px solid #bbb;
}

.autosnavia-filters__btn--reset:hover {
	background: #e8e8e8;
	color: #1a1a1a;
}

@media (max-width: 480px) {
	.autosnavia-filters__actions {
		flex-direction: column;
		align-items: stretch;
	}
	.autosnavia-filters__btn {
		text-align: center;
	}
}

/* =============================================================================
   Autos Navia redesign: GeneratePress header and navigation (F2A)
   ============================================================================= */

/* --- Header oscuro --- */
.site-header {
	background: var(--autosnavia-color-primary);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* GeneratePress coloca la navegación fuera del .site-header en algunas disposiciones */
.site-header .inside-header,
.main-navigation {
	background: var(--autosnavia-color-primary);
}

/* --- Wordmark textual --- */
/*
 * Requiere que el Customizer de GeneratePress tenga activo "Site Title" en lugar de logo.
 * Si el logo gráfico sigue visible, ver instrucciones manuales al final del archivo.
 */
.site-title {
	font-family: var(--autosnavia-font-heading);
	font-weight: 800;
	font-size: 24px;
	line-height: 1.1;
	margin: 0;
}

.site-title a {
	color: var(--autosnavia-color-on-dark);
	text-decoration: none;
}

.site-title a:hover {
	color: var(--autosnavia-color-on-dark);
	text-decoration: none;
	opacity: 0.88;
}

/* Punto final ámbar como identidad de marca */
.site-title a::after {
	content: '.';
	color: var(--autosnavia-color-accent);
}

/* Tagline: oculta por defecto en el header oscuro */
.site-description {
	color: var(--autosnavia-color-on-dark-muted);
	font-size: 0.8rem;
}

/* --- Navegación desktop --- */
.main-navigation .main-nav ul li a,
.main-navigation ul li a {
	color: var(--autosnavia-color-on-dark);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: color 0.15s ease;
}

.main-navigation .main-nav ul li a:hover,
.main-navigation ul li a:hover {
	color: var(--autosnavia-color-accent-soft);
}

.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current_page_item > a,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_item > a {
	color: var(--autosnavia-color-accent-soft);
	border-bottom: 2px solid var(--autosnavia-color-accent);
	padding-bottom: 2px;
}

/* Submenús desktop */
.main-navigation .main-nav ul ul,
.main-navigation ul ul {
	background: var(--autosnavia-color-primary);
	border: 1px solid rgba(255, 255, 255, 0.08);
}

/* --- Botón hamburguesa (móvil) --- */
.menu-toggle,
button.menu-toggle {
	color: var(--autosnavia-color-on-dark);
	background: transparent;
	border: none;
	min-height: 44px;
	min-width: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color 0.15s ease;
}

.menu-toggle:hover,
button.menu-toggle:hover {
	color: var(--autosnavia-color-accent-soft);
	background: transparent;
}

/* Líneas del icono hamburguesa nativo de GP */
.menu-toggle .gp-icon,
.menu-toggle svg,
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	background-color: var(--autosnavia-color-on-dark);
}

/* --- Panel de navegación móvil --- */
@media (max-width: 768px) {
	.main-navigation.toggled,
	.main-navigation.toggled .main-nav {
		background: var(--autosnavia-color-primary);
	}

	.main-navigation.toggled .main-nav ul li a,
	.main-navigation.toggled ul li a {
		color: var(--autosnavia-color-on-dark);
		font-size: 17px;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.main-navigation.toggled .main-nav ul li a:hover,
	.main-navigation.toggled ul li a:hover {
		color: var(--autosnavia-color-accent-soft);
	}

	.main-navigation.toggled .main-nav ul li.current-menu-item > a,
	.main-navigation.toggled ul li.current-menu-item > a {
		color: var(--autosnavia-color-accent-soft);
		border-bottom: none;
	}
}

/* =============================================================================
   Autos Navia redesign: vehicle card (F3)
   Sustituye los estilos de .autosnavia-vehiculo-card (sección "Tarjeta" anterior).
   Las clases antiguas (.autosnavia-vehiculo-card, .autosnavia-card-imagen, etc.)
   quedan sin uso en este template y se conservan únicamente por si otras vistas
   las referencian directamente (e.g. single-vehiculo.php usa .autosnavia-badge-reservado).
   ============================================================================= */

/* --- Contenedor --- */
.autosnavia-card {
  background: var(--autosnavia-color-surface);
  border-radius: var(--autosnavia-radius-lg);
  box-shadow: var(--autosnavia-shadow-card);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

@media (hover: hover) {
  .autosnavia-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--autosnavia-shadow-card-hover);
  }
}

@media (prefers-reduced-motion: reduce) {
  .autosnavia-card {
    transition: none;
  }
}

/* --- Área visual (enlace + imagen + badges) --- */
.autosnavia-card__media {
  display: block;
  position: relative;
  aspect-ratio: 16 / 10;
  background: var(--autosnavia-color-surface-alt);
  overflow: hidden;
  text-decoration: none;
}

.autosnavia-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.22s ease;
}

@media (hover: hover) {
  .autosnavia-card:hover .autosnavia-card__media img {
    transform: scale(1.03);
  }
}

@media (prefers-reduced-motion: reduce) {
  .autosnavia-card__media img {
    transition: none;
  }
}

/* --- Badge reservado --- */
.autosnavia-card__badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background: var(--autosnavia-color-accent);
  color: var(--autosnavia-color-on-accent);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 4px 10px;
  border-radius: var(--autosnavia-radius-pill);
  line-height: 1.2;
  white-space: nowrap;
}

/* --- Precio superpuesto --- */
.autosnavia-card__price {
  position: absolute;
  bottom: 0;
  right: 0;
  background: var(--autosnavia-color-primary);
  color: var(--autosnavia-color-on-dark);
  font-family: var(--autosnavia-font-heading);
  font-weight: 800;
  font-size: 18px;
  white-space: nowrap;
  padding: 7px 14px 7px 16px;
  border-top-left-radius: var(--autosnavia-radius-md);
  line-height: 1.2;
}

/* --- Placeholder sin imagen --- */
.autosnavia-card__placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--autosnavia-color-surface-alt);
}

.autosnavia-card__placeholder span {
  font-family: var(--autosnavia-font-heading);
  font-weight: 800;
  font-size: 1.1rem;
  color: var(--autosnavia-color-muted-2);
  letter-spacing: 0.01em;
  text-transform: lowercase;
}

.autosnavia-card__placeholder span > span {
  color: var(--autosnavia-color-accent);
  font-size: inherit;
}

/* --- Cuerpo --- */
.autosnavia-card__body {
  padding: 18px 20px 20px;
  display: flex;
  flex-direction: column;
  gap: 9px;
  flex: 1;
}

/* --- Título --- */
.autosnavia-card__title {
  margin: 0;
  font-family: var(--autosnavia-font-heading);
  font-weight: 700;
  font-size: 17px;
  line-height: 1.25;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.autosnavia-card__title a {
  color: var(--autosnavia-color-text);
  text-decoration: none;
  transition: color 0.15s ease;
}

.autosnavia-card__title a:hover {
  color: var(--autosnavia-color-accent-deep);
}

/* --- Versión --- */
.autosnavia-card__version {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: var(--autosnavia-color-muted);
  line-height: 1.4;
}

/* --- Metadatos --- */
.autosnavia-card__meta {
  font-size: 13.5px;
  color: var(--autosnavia-color-muted);
  margin: 0;
  line-height: 1.5;
}

/* --- Enlace final --- */
.autosnavia-card__link {
  display: inline-block;
  margin-top: auto;
  color: var(--autosnavia-color-accent-deep);
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  transition: color 0.15s ease;
}

.autosnavia-card__link:hover {
  color: var(--autosnavia-color-accent);
  text-decoration: underline;
}

.autosnavia-card__link:focus-visible {
  outline: 2px solid var(--autosnavia-color-accent);
  outline-offset: 2px;
}

/* --- Responsive: móvil hasta 640px --- */
@media (max-width: 640px) {
  .autosnavia-card__title {
    font-size: 16px;
  }

  .autosnavia-card__body {
    padding: 14px 16px 16px;
    gap: 7px;
  }
}

/* --- Responsive: tablet 641–960px --- */
@media (min-width: 641px) and (max-width: 960px) {
  .autosnavia-card__price {
    font-size: 16px;
    padding: 6px 12px 6px 14px;
  }
}

/* =============================================================================
   Autos Navia redesign: vehicle archive (F4)
   ============================================================================= */

/* --- Contenedor reutilizable --- */
.autosnavia-container {
  width: min(100% - (2 * var(--autosnavia-gutter)), var(--autosnavia-container));
  margin-inline: auto;
}

/* --- Cabecera de página --- */
.autosnavia-page-header {
  background: var(--autosnavia-color-surface-alt);
  padding: var(--autosnavia-space-7) 0 var(--autosnavia-space-6);
}

.autosnavia-page-header h1 {
  font-size: 2.25rem;
  margin-bottom: var(--autosnavia-space-2);
}

.autosnavia-page-header p {
  color: var(--autosnavia-color-muted);
  max-width: 52ch;
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
}

@media (max-width: 640px) {
  .autosnavia-page-header h1 {
    font-size: 1.625rem;
  }

  .autosnavia-page-header {
    padding: var(--autosnavia-space-6) 0 var(--autosnavia-space-5);
  }
}

/* --- Contenido del archivo --- */
.autosnavia-archive__content {
  padding-top: var(--autosnavia-space-6);
  padding-bottom: var(--autosnavia-space-8);
}

/* --- Panel de filtros (F4) ---
 * Redefine los estilos del panel para el rediseño.
 * La sección tiene ahora estructura <section.autosnavia-filters> > <form.autosnavia-filters__form>.
 * Los selectores antiguos (.autosnavia-filters__grid, .autosnavia-filters__btn) quedan sin uso
 * y se sobreescriben los valores de fondo/radio/sombra sobre el mismo elemento raíz.
 */
.autosnavia-filters {
  background: var(--autosnavia-color-surface);
  border: none;
  border-radius: var(--autosnavia-radius-lg);
  box-shadow: var(--autosnavia-shadow-panel);
  padding: var(--autosnavia-space-5);
  margin-bottom: var(--autosnavia-space-5);
}

.autosnavia-filters__title {
  font-size: 1.125rem;
  font-family: var(--autosnavia-font-heading);
  font-weight: 700;
  color: var(--autosnavia-color-text);
  margin: 0 0 var(--autosnavia-space-4);
  padding: 0;
  border: none;
}

/* Desktop: 6 columnas (busqueda más ancha + 4 selects + acciones) */
.autosnavia-filters__form {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr auto;
  gap: var(--autosnavia-space-3);
  align-items: end;
}

.autosnavia-filters__field {
  display: flex;
  flex-direction: column;
  gap: var(--autosnavia-space-1);
}

.autosnavia-filters__field label {
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--autosnavia-color-muted-2);
}

.autosnavia-filters__field input[type="text"],
.autosnavia-filters__field select {
  width: 100%;
  padding: 10px 12px;
  font-size: 0.9rem;
  border: 1.5px solid var(--autosnavia-color-border);
  border-radius: var(--autosnavia-radius-sm);
  background: var(--autosnavia-color-surface);
  color: var(--autosnavia-color-text);
  box-sizing: border-box;
  transition: border-color 0.15s ease;
  outline: none;
}

.autosnavia-filters__field input[type="text"]:focus,
.autosnavia-filters__field select:focus {
  border-color: var(--autosnavia-color-accent);
  outline: 2px solid var(--autosnavia-color-accent);
  outline-offset: 2px;
}

.autosnavia-filters__actions {
  display: flex;
  flex-direction: column;
  gap: var(--autosnavia-space-2);
  align-self: end;
}

/* Tablet 641–960px: dos columnas, búsqueda a ancho completo */
@media (min-width: 641px) and (max-width: 960px) {
  .autosnavia-filters__form {
    grid-template-columns: 1fr 1fr;
  }

  .autosnavia-filters__field--search {
    grid-column: 1 / -1;
  }

  .autosnavia-filters__actions {
    flex-direction: row;
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
}

/* Móvil ≤ 640px: búsqueda a ancho completo, selects en dos columnas */
@media (max-width: 640px) {
  .autosnavia-filters__form {
    grid-template-columns: 1fr 1fr;
  }

  .autosnavia-filters__field--search {
    grid-column: 1 / -1;
  }

  .autosnavia-filters__actions {
    flex-direction: row;
    flex-wrap: wrap;
    grid-column: 1 / -1;
  }

  .autosnavia-filters__actions .autosnavia-btn {
    flex: 1;
    text-align: center;
    min-width: 0;
  }
}

@media (max-width: 380px) {
  .autosnavia-filters__form {
    grid-template-columns: 1fr;
  }

  .autosnavia-filters__field--search {
    grid-column: 1;
  }

  .autosnavia-filters__actions {
    grid-column: 1;
  }
}

/* --- Contador de resultados --- */
.autosnavia-results-count {
  font-size: 0.9rem;
  color: var(--autosnavia-color-muted);
  margin: 0 0 var(--autosnavia-space-4);
  line-height: 1.4;
}

.autosnavia-results-count strong {
  color: var(--autosnavia-color-text);
  font-weight: 700;
}

/* --- Grid de vehículos --- */
.autosnavia-vehicle-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-bottom: var(--autosnavia-space-6);
}

@media (min-width: 641px) and (max-width: 960px) {
  .autosnavia-vehicle-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .autosnavia-vehicle-grid {
    grid-template-columns: 1fr;
  }
}

/* --- Estado sin resultados --- */
.autosnavia-empty-state {
  background: var(--autosnavia-color-surface);
  border-radius: var(--autosnavia-radius-lg);
  box-shadow: var(--autosnavia-shadow-panel);
  padding: var(--autosnavia-space-7) var(--autosnavia-space-6);
  text-align: center;
  max-width: 540px;
  margin-inline: auto;
}

.autosnavia-empty-state h2 {
  font-size: 1.25rem;
  margin-bottom: var(--autosnavia-space-3);
}

.autosnavia-empty-state p {
  color: var(--autosnavia-color-muted);
  margin-bottom: var(--autosnavia-space-5);
  line-height: 1.6;
}

/* --- Paginación --- */
.autosnavia-pagination {
  display: flex;
  justify-content: center;
  margin-top: var(--autosnavia-space-6);
}

.autosnavia-pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--autosnavia-space-2);
  justify-content: center;
  align-items: center;
}

.autosnavia-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 var(--autosnavia-space-3);
  border-radius: var(--autosnavia-radius-md);
  border: 1.5px solid var(--autosnavia-color-border);
  background: var(--autosnavia-color-surface);
  color: var(--autosnavia-color-text);
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  transition: border-color 0.15s ease, color 0.15s ease;
  white-space: nowrap;
}

.autosnavia-pagination .page-numbers:hover {
  border-color: var(--autosnavia-color-accent-deep);
  color: var(--autosnavia-color-accent-deep);
}

.autosnavia-pagination .page-numbers.current {
  background: var(--autosnavia-color-primary);
  color: var(--autosnavia-color-on-dark);
  border-color: var(--autosnavia-color-primary);
}

.autosnavia-pagination .page-numbers.dots {
  border: none;
  background: transparent;
  color: var(--autosnavia-color-muted-2);
  pointer-events: none;
}

.autosnavia-pagination .prev.page-numbers,
.autosnavia-pagination .next.page-numbers {
  padding-inline: var(--autosnavia-space-4);
}

/* =============================================================================
   Autos Navia redesign: home page (F5A)
   ============================================================================= */

/* --- Contenedor de portada: elimina restricción heredada --- */
.autosnavia-home {
  max-width: none;
  padding: 0;
  margin: 0;
}

/* ---- Hero ---- */
.autosnavia-home-hero {
  background: var(--autosnavia-color-primary);
  border-radius: 0;
  margin: 0;
  padding: 88px 0 80px;
  text-align: left;
}

.autosnavia-home-hero__inner {
  max-width: 760px;
}

.autosnavia-home-hero__kicker {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--autosnavia-color-accent-soft);
  margin: 0 0 16px;
}

.autosnavia-home-hero__title {
  font-family: var(--autosnavia-font-heading);
  font-weight: 800;
  font-size: 52px;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--autosnavia-color-on-dark);
  margin: 0 0 20px;
}

.autosnavia-home-hero__intro {
  font-size: 18px;
  line-height: 1.6;
  color: var(--autosnavia-color-on-dark-muted);
  max-width: 680px;
  margin: 0 0 32px;
}

.autosnavia-home-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 32px;
}

.autosnavia-home-hero__trust {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.autosnavia-home-hero__trust li {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: var(--autosnavia-color-on-dark);
  border-radius: var(--autosnavia-radius-pill);
  padding: 5px 14px;
  font-size: 13px;
  line-height: 1.4;
}

/* ---- Sección destacados ---- */
.autosnavia-home-featured {
  background: var(--autosnavia-color-bg);
  margin: 0;
  padding: 64px 0;
}

.autosnavia-section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 32px;
}

.autosnavia-section-heading__eyebrow {
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--autosnavia-color-muted-2);
  margin: 0 0 6px;
}

.autosnavia-section-heading h2 {
  font-family: var(--autosnavia-font-heading);
  font-size: 28px;
  font-weight: 800;
  color: var(--autosnavia-color-text);
  margin: 0;
}

.autosnavia-section-heading__link {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--autosnavia-color-accent-deep);
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.15s ease;
}

.autosnavia-section-heading__link:hover {
  color: var(--autosnavia-color-accent);
}

.autosnavia-home-featured__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.autosnavia-home-featured__empty {
  text-align: center;
  padding: var(--autosnavia-space-7) 0;
  color: var(--autosnavia-color-muted);
}

.autosnavia-home-featured__empty p {
  margin-bottom: var(--autosnavia-space-5);
  line-height: 1.6;
}

/* ---- Contenido editorial opcional ---- */
.autosnavia-home-content {
  padding: var(--autosnavia-space-7) 0;
}

.autosnavia-home-content__inner {
  max-width: 720px;
}

/* ---- CTA ámbar ---- */
.autosnavia-home-cta {
  background: var(--autosnavia-color-bg);
  border-radius: 0;
  text-align: left;
  margin: 0;
  color: var(--autosnavia-color-text);
  padding: 0 0 var(--autosnavia-space-8);
}

.autosnavia-home-cta__panel {
  background: var(--autosnavia-color-accent);
  border-radius: var(--autosnavia-radius-xl);
  padding: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
}

.autosnavia-home-cta__copy h2 {
  font-family: var(--autosnavia-font-heading);
  font-weight: 800;
  font-size: 1.625rem;
  color: var(--autosnavia-color-on-accent);
  margin: 0 0 8px;
}

.autosnavia-home-cta__copy p {
  color: var(--autosnavia-color-on-accent);
  opacity: 0.78;
  margin: 0;
  line-height: 1.5;
}

.autosnavia-home-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  flex-shrink: 0;
}

/* ---- Responsive: tablet 641–960px ---- */
@media (min-width: 641px) and (max-width: 960px) {
  .autosnavia-home-hero__title {
    font-size: 40px;
  }

  .autosnavia-home-featured {
    padding: 48px 0;
  }

  .autosnavia-home-featured__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .autosnavia-section-heading h2 {
    font-size: 24px;
  }

  .autosnavia-home-cta__panel {
    padding: 36px;
  }
}

/* ---- Responsive: móvil ≤ 640px ---- */
@media (max-width: 640px) {
  .autosnavia-home-hero {
    padding: 56px 0 48px;
  }

  .autosnavia-home-hero__title {
    font-size: 30px;
  }

  .autosnavia-home-hero__intro {
    font-size: 15px;
  }

  .autosnavia-home-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .autosnavia-home-hero__actions .autosnavia-btn {
    text-align: center;
    min-height: 48px;
  }

  .autosnavia-home-featured {
    padding: 40px 0;
  }

  .autosnavia-section-heading {
    flex-direction: column;
    align-items: flex-start;
  }

  .autosnavia-section-heading h2 {
    font-size: 21px;
  }

  .autosnavia-home-featured__grid {
    grid-template-columns: 1fr;
  }

  .autosnavia-home-cta__panel {
    flex-direction: column;
    align-items: flex-start;
    padding: 28px 24px;
  }

  .autosnavia-home-cta__actions {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .autosnavia-home-cta__actions .autosnavia-btn {
    text-align: center;
    min-height: 48px;
  }
}

/* =============================================================================
   Autos Navia redesign: single vehicle (F6)
   ============================================================================= */

.autosnavia-single {
  padding-top: var(--autosnavia-space-6);
  padding-bottom: var(--autosnavia-space-8);
}

.autosnavia-single__back {
  display: inline-flex;
  align-items: center;
  gap: var(--autosnavia-space-2);
  color: var(--autosnavia-color-muted);
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: var(--autosnavia-space-5);
  transition: color 0.15s ease;
}

.autosnavia-single__back:hover {
  color: var(--autosnavia-color-text);
}

/* Hero grid */
.autosnavia-single__hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: 24px;
  margin-bottom: 24px;
  align-items: start;
}

/* Content grid */
.autosnavia-single__content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  gap: 24px;
  margin-bottom: 24px;
  align-items: start;
}

/* --- Gallery --- */
.autosnavia-vehicle-gallery {
  background: var(--autosnavia-color-surface);
  border-radius: var(--autosnavia-radius-lg);
  box-shadow: var(--autosnavia-shadow-panel);
  padding: var(--autosnavia-space-4);
}

.autosnavia-vehicle-gallery__main-link {
  display: block;
  border-radius: var(--autosnavia-radius-md);
  overflow: hidden;
  margin-bottom: var(--autosnavia-space-3);
  text-decoration: none;
}

.autosnavia-vehicle-gallery__main-link:focus-visible {
  outline: 2px solid var(--autosnavia-color-accent);
  outline-offset: 2px;
}

.autosnavia-vehicle-gallery__main-image {
  width: 100%;
  max-height: 420px;
  object-fit: cover;
  display: block;
  background: var(--autosnavia-color-surface-alt);
}

.autosnavia-vehicle-gallery__placeholder {
  width: 100%;
  height: 300px;
  background: var(--autosnavia-color-surface-alt);
  border-radius: var(--autosnavia-radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
}

.autosnavia-vehicle-gallery__placeholder span {
  font-family: var(--autosnavia-font-heading);
  font-weight: 800;
  font-size: 1.25rem;
  color: var(--autosnavia-color-muted-2);
  text-transform: lowercase;
}

.autosnavia-vehicle-gallery__placeholder span > span {
  color: var(--autosnavia-color-accent);
}

.autosnavia-vehicle-gallery__thumbs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--autosnavia-space-2);
}

.autosnavia-vehicle-gallery__thumb {
  display: block;
  position: relative;
  aspect-ratio: 4 / 3;
  border-radius: var(--autosnavia-radius-sm);
  overflow: hidden;
  border: 2.5px solid transparent;
  transition: border-color 0.15s ease;
  cursor: pointer;
  min-height: 44px;
}

.autosnavia-vehicle-gallery__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.autosnavia-vehicle-gallery__thumb:hover {
  border-color: var(--autosnavia-color-accent-soft);
}

.autosnavia-vehicle-gallery__thumb.is-active {
  border-color: var(--autosnavia-color-accent);
}

.autosnavia-vehicle-gallery__thumb:focus-visible {
  outline: 2px solid var(--autosnavia-color-accent);
  outline-offset: 2px;
}

.autosnavia-vehicle-gallery__more {
  position: absolute;
  inset: 0;
  background: rgba(34, 30, 26, 0.62);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--autosnavia-font-heading);
  font-weight: 700;
  font-size: 1rem;
  pointer-events: none;
}

/* --- Summary panel --- */
.autosnavia-vehicle-summary {
  background: var(--autosnavia-color-surface);
  border-radius: var(--autosnavia-radius-lg);
  box-shadow: var(--autosnavia-shadow-panel);
  padding: var(--autosnavia-space-5);
  display: flex;
  flex-direction: column;
  gap: var(--autosnavia-space-4);
}

.autosnavia-vehicle-summary .autosnavia-badge-reservado {
  position: static;
  display: inline-block;
  align-self: flex-start;
}

.autosnavia-vehicle-summary__title {
  font-family: var(--autosnavia-font-heading);
  font-weight: 800;
  font-size: 1.875rem;
  line-height: 1.15;
  margin: 0;
  color: var(--autosnavia-color-text);
}

.autosnavia-vehicle-summary__version {
  font-size: 0.9375rem;
  color: var(--autosnavia-color-muted);
  margin: 0;
  margin-top: calc(-1 * var(--autosnavia-space-2));
}

.autosnavia-vehicle-summary__price {
  font-family: var(--autosnavia-font-heading);
  font-weight: 800;
  font-size: 2.375rem;
  color: var(--autosnavia-color-text);
  line-height: 1.1;
  margin: 0;
}

.autosnavia-vehicle-summary__specs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--autosnavia-space-3);
}

.autosnavia-vehicle-summary__spec {
  background: var(--autosnavia-color-surface-alt);
  border-radius: var(--autosnavia-radius-sm);
  padding: var(--autosnavia-space-3);
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.autosnavia-vehicle-summary__spec-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--autosnavia-color-muted-2);
  line-height: 1.2;
}

.autosnavia-vehicle-summary__spec strong {
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--autosnavia-color-text);
}

.autosnavia-vehicle-summary__ctas {
  display: flex;
  flex-direction: column;
  gap: var(--autosnavia-space-2);
}

.autosnavia-vehicle-summary__ctas .autosnavia-btn {
  width: 100%;
  min-height: 48px;
  font-size: 0.9375rem;
}

.autosnavia-vehicle-summary__hours {
  font-size: 0.8125rem;
  color: var(--autosnavia-color-muted);
  margin: 0;
  padding-top: var(--autosnavia-space-2);
  border-top: 1px solid var(--autosnavia-color-border);
  line-height: 1.5;
}

/* --- Tech specs --- */
.autosnavia-tech-specs {
  background: var(--autosnavia-color-surface);
  border-radius: var(--autosnavia-radius-lg);
  box-shadow: var(--autosnavia-shadow-panel);
  padding: var(--autosnavia-space-5);
  margin-bottom: var(--autosnavia-space-5);
}

.autosnavia-tech-specs h2 {
  font-size: 1.125rem;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: var(--autosnavia-space-4);
}

.autosnavia-tech-specs__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--autosnavia-space-3);
  margin: 0;
}

.autosnavia-tech-specs__row {
  display: block;
  padding: var(--autosnavia-space-3) var(--autosnavia-space-4);
  border: 1px solid var(--autosnavia-color-border);
  border-radius: var(--autosnavia-radius-md);
  background: var(--autosnavia-color-surface-alt);
  min-width: 0;
}

.autosnavia-tech-specs__row dt {
  display: block;
  margin: 0 0 4px;
  color: var(--autosnavia-color-muted-2);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: normal;
}

.autosnavia-tech-specs__row dd {
  display: block;
  margin: 0;
  color: var(--autosnavia-color-text);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  text-align: left;
  overflow-wrap: anywhere;
  white-space: normal;
}

/* --- Description --- */
.autosnavia-vehicle-description {
  background: var(--autosnavia-color-surface);
  border-radius: var(--autosnavia-radius-lg);
  box-shadow: var(--autosnavia-shadow-panel);
  padding: var(--autosnavia-space-5);
}

.autosnavia-vehicle-description h2 {
  font-size: 1.125rem;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: var(--autosnavia-space-4);
}

.autosnavia-vehicle-description__content {
  font-size: 0.9375rem;
  line-height: 1.7;
  color: var(--autosnavia-color-text);
}

/* --- Equipment --- */
.autosnavia-equipment {
  background: var(--autosnavia-color-surface);
  border-radius: var(--autosnavia-radius-lg);
  box-shadow: var(--autosnavia-shadow-panel);
  padding: var(--autosnavia-space-5);
}

.autosnavia-equipment h2 {
  font-size: 1.125rem;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: var(--autosnavia-space-4);
}

.autosnavia-equipment__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--autosnavia-space-2);
}

.autosnavia-equipment__list li {
  background: var(--autosnavia-color-surface-alt);
  border-radius: var(--autosnavia-radius-pill);
  padding: 5px 14px;
  font-size: 0.8125rem;
  color: var(--autosnavia-color-text);
  line-height: 1.4;
}

/* --- F6 CTA final (overrides old .autosnavia-single-cta) --- */
.autosnavia-single-cta {
  background: var(--autosnavia-color-accent);
  border: none;
  border-radius: var(--autosnavia-radius-xl);
  padding: 40px 48px;
  text-align: left;
  margin-top: var(--autosnavia-space-2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}

.autosnavia-single-cta__copy h2 {
  font-family: var(--autosnavia-font-heading);
  font-weight: 800;
  font-size: 1.5rem;
  color: var(--autosnavia-color-on-accent);
  margin: 0 0 var(--autosnavia-space-2);
}

.autosnavia-single-cta__copy p {
  color: var(--autosnavia-color-on-accent);
  opacity: 0.78;
  margin: 0;
  font-size: 0.9375rem;
}

.autosnavia-single-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--autosnavia-space-3);
  flex-shrink: 0;
}

/* F6 tablet: 641–960px */
@media (min-width: 641px) and (max-width: 960px) {
  .autosnavia-single__hero-grid,
  .autosnavia-single__content-grid {
    grid-template-columns: 1fr;
  }

  .autosnavia-vehicle-summary__title {
    font-size: 1.625rem;
  }

  .autosnavia-vehicle-summary__price {
    font-size: 2rem;
  }

  .autosnavia-single-cta {
    padding: 32px 36px;
  }
}

/* F6 móvil: ≤ 640px */
@media (max-width: 640px) {
  .autosnavia-single {
    padding-top: var(--autosnavia-space-5);
  }

  .autosnavia-single__hero-grid,
  .autosnavia-single__content-grid {
    grid-template-columns: 1fr;
    gap: var(--autosnavia-space-4);
  }

  .autosnavia-vehicle-summary__title {
    font-size: 1.5rem;
  }

  .autosnavia-vehicle-summary__price {
    font-size: 1.875rem;
  }

  .autosnavia-tech-specs__grid {
    grid-template-columns: 1fr;
  }

  .autosnavia-vehicle-gallery__thumbs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: var(--autosnavia-space-2);
    gap: var(--autosnavia-space-2);
  }

  .autosnavia-vehicle-gallery__thumb {
    flex: 0 0 auto;
    width: 80px;
    aspect-ratio: unset;
    height: 60px;
    min-height: 44px;
  }

  .autosnavia-single-cta {
    flex-direction: column;
    align-items: flex-start;
    padding: 28px 24px;
  }

  .autosnavia-single-cta__actions {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .autosnavia-single-cta__actions .autosnavia-btn {
    text-align: center;
    min-height: 48px;
  }
}

/* =============================================================================
   Autos Navia redesign: contact page and CF7 (F7)
   ============================================================================= */

/* Override legacy .autosnavia-contact container */
.autosnavia-contact {
  max-width: none;
  padding: 0;
  margin: 0;
}

.autosnavia-contact__content {
  padding-top: var(--autosnavia-space-6);
  padding-bottom: var(--autosnavia-space-8);
}

/* Override old 3-column grid — flat children con grid-template-areas (F8B) */
.autosnavia-contact__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.85fr);
  grid-template-areas:
    "form direct"
    "form details"
    "form stock";
  gap: 24px;
  align-items: start;
  margin-bottom: 0;
}

.autosnavia-contact-form       { grid-area: form; }
.autosnavia-contact-direct     { grid-area: direct; }
.autosnavia-contact-details    { grid-area: details; }
.autosnavia-contact-stock-link { grid-area: stock; }

/* --- Form panel --- */
.autosnavia-contact-form {
  background: var(--autosnavia-color-surface);
  border-radius: var(--autosnavia-radius-lg);
  box-shadow: var(--autosnavia-shadow-panel);
  padding: var(--autosnavia-space-5) var(--autosnavia-space-6);
}

.autosnavia-contact-form h2 {
  font-size: 1.375rem;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: var(--autosnavia-space-5);
}

/* --- Direct contact panel --- */
.autosnavia-contact-direct {
  background: var(--autosnavia-color-primary);
  color: var(--autosnavia-color-on-dark);
  border-radius: var(--autosnavia-radius-lg);
  padding: var(--autosnavia-space-5);
}

.autosnavia-contact-direct h2 {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: var(--autosnavia-color-accent-soft);
  margin-top: 0;
  margin-bottom: var(--autosnavia-space-2);
  border: none;
}

.autosnavia-contact-direct__subtitle {
  font-size: 0.875rem;
  color: var(--autosnavia-color-on-dark-muted);
  margin-top: 0;
  margin-bottom: var(--autosnavia-space-4);
}

.autosnavia-contact-direct__phone-primary {
  display: block;
  font-family: var(--autosnavia-font-heading);
  font-weight: 800;
  font-size: 1.75rem;
  color: var(--autosnavia-color-on-dark);
  text-decoration: none;
  line-height: 1.2;
  margin-bottom: var(--autosnavia-space-4);
  transition: color 0.15s ease;
}

.autosnavia-contact-direct__phone-primary:hover {
  color: var(--autosnavia-color-accent-soft);
}

.autosnavia-contact-direct__phone-secondary {
  font-size: 0.875rem;
  color: var(--autosnavia-color-on-dark-muted);
  margin-top: 0;
  margin-bottom: var(--autosnavia-space-3);
}

.autosnavia-contact-direct__phone-secondary a {
  color: var(--autosnavia-color-on-dark-muted);
  text-decoration: none;
  transition: color 0.15s ease;
}

.autosnavia-contact-direct__phone-secondary a:hover {
  color: var(--autosnavia-color-on-dark);
}

.autosnavia-contact-direct__wa {
  margin-top: var(--autosnavia-space-2);
  min-height: 48px;
  width: 100%;
}

/* --- Details panel --- */
.autosnavia-contact-details {
  background: var(--autosnavia-color-surface);
  border-radius: var(--autosnavia-radius-lg);
  box-shadow: var(--autosnavia-shadow-panel);
  padding: var(--autosnavia-space-5);
}

.autosnavia-contact-details__item {
  padding: var(--autosnavia-space-3) 0;
  border-bottom: 1px solid var(--autosnavia-color-border);
}

.autosnavia-contact-details__item:first-child {
  padding-top: 0;
}

.autosnavia-contact-details__item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.autosnavia-contact-details__item h3 {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--autosnavia-color-muted-2);
  margin: 0 0 var(--autosnavia-space-2);
}

.autosnavia-contact-details__item p {
  font-size: 0.9rem;
  color: var(--autosnavia-color-text);
  margin: 0 0 var(--autosnavia-space-2);
  line-height: 1.5;
}

.autosnavia-contact-details__item p:last-child {
  margin-bottom: 0;
}

.autosnavia-contact-details__item a {
  color: var(--autosnavia-color-accent-deep);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.15s ease;
}

.autosnavia-contact-details__item a:hover {
  color: var(--autosnavia-color-accent);
}

/* --- Stock link --- */
.autosnavia-contact-stock-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--autosnavia-color-surface);
  border: 1.5px solid var(--autosnavia-color-border);
  border-radius: var(--autosnavia-radius-lg);
  padding: var(--autosnavia-space-4) var(--autosnavia-space-5);
  font-weight: 700;
  font-size: 0.9375rem;
  color: var(--autosnavia-color-text);
  text-decoration: none;
  transition: border-color 0.15s ease, color 0.15s ease;
}

.autosnavia-contact-stock-link:hover {
  border-color: var(--autosnavia-color-accent);
  color: var(--autosnavia-color-accent-deep);
}

.autosnavia-contact-stock-link:focus-visible {
  outline: 2px solid var(--autosnavia-color-accent);
  outline-offset: 2px;
}

/* --- CF7 fields --- */
.wpcf7-form label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--autosnavia-color-muted);
  margin-bottom: var(--autosnavia-space-1);
}

.wpcf7-text,
.wpcf7-email,
.wpcf7-tel,
.wpcf7-select {
  width: 100%;
  padding: 10px 12px;
  font-size: 0.9375rem;
  border: 1.5px solid var(--autosnavia-color-border);
  border-radius: var(--autosnavia-radius-sm);
  background: var(--autosnavia-color-surface);
  color: var(--autosnavia-color-text);
  box-sizing: border-box;
  transition: border-color 0.15s ease;
  outline: none;
  font-family: var(--autosnavia-font-body);
}

.wpcf7-text:focus,
.wpcf7-email:focus,
.wpcf7-tel:focus,
.wpcf7-select:focus {
  border-color: var(--autosnavia-color-accent);
  outline: 2px solid var(--autosnavia-color-accent);
  outline-offset: 2px;
}

.wpcf7-textarea {
  width: 100%;
  min-height: 130px;
  max-height: 260px;
  padding: 10px 12px;
  font-size: 0.9375rem;
  border: 1.5px solid var(--autosnavia-color-border);
  border-radius: var(--autosnavia-radius-sm);
  background: var(--autosnavia-color-surface);
  color: var(--autosnavia-color-text);
  box-sizing: border-box;
  resize: vertical;
  transition: border-color 0.15s ease;
  outline: none;
  font-family: var(--autosnavia-font-body);
}

.wpcf7-textarea:focus {
  border-color: var(--autosnavia-color-accent);
  outline: 2px solid var(--autosnavia-color-accent);
  outline-offset: 2px;
}

.wpcf7-form-control-wrap {
  display: block;
  margin-bottom: var(--autosnavia-space-4);
}

.wpcf7-acceptance {
  display: block;
  margin-bottom: var(--autosnavia-space-4);
}

.wpcf7-acceptance input[type="checkbox"] {
  accent-color: var(--autosnavia-color-accent);
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: var(--autosnavia-space-2);
}

.wpcf7-submit {
  width: 100%;
  padding: 13px 24px;
  background: var(--autosnavia-color-accent);
  color: var(--autosnavia-color-on-accent);
  font-weight: 700;
  font-size: 1rem;
  font-family: var(--autosnavia-font-heading);
  border: none;
  border-radius: var(--autosnavia-radius-md);
  cursor: pointer;
  min-height: 48px;
  transition: background 0.15s ease;
}

.wpcf7-submit:hover {
  background: var(--autosnavia-color-accent-hover);
}

.wpcf7-not-valid-tip {
  display: block;
  color: #c0392b;
  font-size: 0.8125rem;
  margin-top: var(--autosnavia-space-1);
}

.wpcf7-response-output {
  margin-top: var(--autosnavia-space-4);
  padding: var(--autosnavia-space-3) var(--autosnavia-space-4);
  border-radius: var(--autosnavia-radius-sm);
  font-size: 0.9rem;
  border: 1.5px solid var(--autosnavia-color-border);
  background: var(--autosnavia-color-surface-alt);
  color: var(--autosnavia-color-text);
}

/* F7 tablet y móvil: ≤ 960px — columna única, orden: direct→form→details→stock (F8B) */
@media (max-width: 960px) {
  .autosnavia-contact__grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "direct"
      "form"
      "details"
      "stock";
  }
}

@media (min-width: 641px) and (max-width: 960px) {
  .autosnavia-contact-form {
    padding: var(--autosnavia-space-5);
  }
}

@media (max-width: 640px) {
  .autosnavia-contact-form {
    padding: var(--autosnavia-space-4);
  }
}

/* =============================================================================
   Autos Navia redesign: responsive sweep (F8A)
   ============================================================================= */

/* Targets táctiles mínimos en botones del sistema */
.autosnavia-btn {
  min-height: 44px;
}

/* Asegurar box-sizing en containers */
.autosnavia-container,
.autosnavia-single__inner,
.autosnavia-contact__content {
  box-sizing: border-box;
}

/* Desktop 961px+: confirmar grids */
@media (min-width: 961px) {
  .autosnavia-single__hero-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  }

  .autosnavia-single__content-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  }

  .autosnavia-contact__grid {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.85fr);
    grid-template-areas:
      "form direct"
      "form details"
      "form stock";
  }
}

/* Tablet 641–960px: ajustes generales */
@media (min-width: 641px) and (max-width: 960px) {
  /* Heading del hero portada */
  .autosnavia-home-hero__title {
    font-size: 36px;
  }

  /* Filtros: evitar overflow en form */
  .autosnavia-filters__form {
    grid-template-columns: 1fr 1fr;
  }

  /* Página de archivo: 2 columnas */
  .autosnavia-vehicle-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Móvil ≤ 640px: ajustes generales */
@media (max-width: 640px) {
  /* Heading h1 global */
  h1 {
    font-size: 1.75rem;
  }

  /* Botones full-width en CTA portada */
  .autosnavia-home-hero__actions .autosnavia-btn {
    min-height: 48px;
  }

  /* Filtros: evitar overflow */
  .autosnavia-filters__form {
    grid-template-columns: 1fr 1fr;
  }

  /* CTA home panel apilado: acciones a ancho completo */
  .autosnavia-home-cta__actions .autosnavia-btn {
    min-height: 48px;
  }

  /* Paginación: targets táctiles */
  .autosnavia-pagination .page-numbers {
    min-width: 44px;
    height: 44px;
  }

  /* Archivo: 1 columna */
  .autosnavia-vehicle-grid {
    grid-template-columns: 1fr;
  }

  /* Filtros: evitar desbordamiento de botones */
  .autosnavia-filters__actions .autosnavia-btn {
    min-height: 44px;
  }
}

/* =============================================================================
   Autos Navia redesign: sticky header (F9B)
   Aplica position:sticky únicamente al .site-header de GeneratePress.
   La top bar (.autosnavia-top-bar) queda fuera — no es sticky.
   No se usa position:fixed ni JavaScript.
   Riesgo conocido: si el menú hamburguesa de GP renderiza fuera de .site-header
   en alguna configuración, el dropdown podría necesitar ajuste de z-index.
   ============================================================================= */

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.18);
}

/* =============================================================================
   Autos Navia redesign: interactive vehicle gallery (F9A)
   Sección de refuerzo — los estilos base están en la sección F6.
   Aquí se añaden reduced-motion y cualquier ajuste adicional de F9A.
   ============================================================================= */

@media (prefers-reduced-motion: reduce) {
  .autosnavia-vehicle-gallery__thumb {
    transition: none;
  }
}

/* =============================================================================
   Fix: ocultar el toggle móvil de GeneratePress en escritorio
   Causa: .menu-toggle{display:flex} (línea ~1433) sobreescribe el display:none
   que GeneratePress aplica en desktop, haciendo visible el icono hamburguesa.
   Solución: forzar display:none en ≥769px y confirmar que .main-nav es visible.
   ============================================================================= */

@media (min-width: 769px) {
  .menu-toggle,
  button.menu-toggle,
  .main-navigation .menu-toggle {
    display: none !important;
  }

  .main-navigation .main-nav {
    display: block;
  }
}

/*
 * INSTRUCCIONES MANUALES PARA EL CUSTOMIZER DE GENERATEPRESS (wordmark textual)
 * -------------------------------------------------------------------------------
 * Si el logo gráfico sigue visible y el título textual no aparece:
 *
 * 1. Ir a Apariencia > Personalizar > Diseño del sitio > Cabecera.
 * 2. En "Logo", eliminar o desvincular la imagen de logo actual.
 * 3. Activar "Título del sitio" (Site Title) si la opción está disponible.
 * 4. Verificar que el texto del sitio en Ajustes > Generales sea "autos navia"
 *    (en minúsculas, sin punto — el punto lo añade el CSS con ::after).
 * 5. Guardar y publicar.
 *
 * El CSS del wordmark (.site-title, .site-title a, .site-title a::after)
 * ya está preparado y se aplicará en cuanto el título textual esté activo.
 */

/* =============================================================================
   Autos Navia redesign: home hero image (F5B)
   ============================================================================= */

/* Hero con imagen destacada como fondo */
.autosnavia-home-hero--has-image {
  background-color: var(--autosnavia-color-primary); /* fallback sólido oscuro */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

/* Overlay degradado cálido para asegurar legibilidad del contenido */
.autosnavia-home-hero--has-image::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    105deg,
    rgba(22, 18, 14, 0.82) 0%,
    rgba(34, 26, 18, 0.70) 55%,
    rgba(42, 30, 18, 0.52) 100%
  );
  z-index: 0;
}

/* El contenido del hero queda sobre el overlay */
.autosnavia-home-hero__inner {
  position: relative;
  z-index: 1;
}

/* Autos Navia fix: hide duplicated front page featured image */
/* GeneratePress renderiza la imagen destacada de la página como .post-image
   antes del contenido. En la portada se usa solo como background-image del hero,
   por lo que el <img> estándar debe ocultarse. Selector limitado a body.home. */
body.home .post-image,
body.home .page-header-image {
  display: none;
}

/* --------------------------------------------------------------------------
 * Lightbox de galería del vehículo
 * -------------------------------------------------------------------------- */
.autosnavia-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.autosnavia-lightbox[hidden] {
  display: none;
}

.autosnavia-lightbox__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(20, 17, 14, 0.88);
}

.autosnavia-lightbox__dialog {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.autosnavia-lightbox__image {
  max-width: min(1100px, calc(100vw - 160px));
  max-height: calc(100vh - 96px);
  object-fit: contain;
  border-radius: var(--autosnavia-radius-lg);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.55);
}

.autosnavia-lightbox__close {
  position: fixed;
  top: 24px;
  right: 24px;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: 0;
  border-radius: var(--autosnavia-radius-pill);
  background: #fff;
  color: #1a1410;
  line-height: 1;
  appearance: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.autosnavia-lightbox__nav {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  min-width: 48px;
  min-height: 48px;
  padding: 0;
  border: 0;
  border-radius: var(--autosnavia-radius-pill);
  background: rgba(255, 255, 255, 0.9);
  color: #1a1410;
  line-height: 1;
  appearance: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.autosnavia-lightbox__nav[hidden] {
  display: none;
}

.autosnavia-lightbox__icon,
.autosnavia-lightbox__icon svg {
  display: block;
}

.autosnavia-lightbox__nav--prev {
  left: 24px;
}

.autosnavia-lightbox__nav--next {
  right: 24px;
}

body.autosnavia-lightbox-open {
  overflow: hidden;
}

.autosnavia-lightbox__close:focus-visible,
.autosnavia-lightbox__nav:focus-visible {
  outline: 2px solid var(--autosnavia-color-accent);
  outline-offset: 2px;
}

@media (max-width: 640px) {
  .autosnavia-lightbox__image {
    max-width: calc(100vw - 24px);
    max-height: calc(100vh - 120px);
  }

  .autosnavia-lightbox__close {
    top: 12px;
    right: 12px;
  }

  .autosnavia-lightbox__nav--prev {
    left: 8px;
  }

  .autosnavia-lightbox__nav--next {
    right: 8px;
  }
}