/*
Theme Name:   GP Rocket Child v2 — Ventanas Blindadas
Theme URI:    https://ventanasblindadas.com.mx/
Description:  v2.1: todo lo de la v2 (PageSpeed + menú curado + breadcrumbs) más el footer de 4 columnas (Soluciones, Información, Empresa, Transparencia/Legal) del plan rector.
Template:     generatepress
Version:      2.1.0
Author:       Baluarte Blindados
Text Domain:  gp-rocket-child-v2
*/

/* ==========================================================================
   Fuente del sistema (0 peticiones de red, 0 milisegundos de FOIT/FOUT)
   ========================================================================== */
body,
input,
textarea,
select,
button {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, sans-serif;
}

/* ==========================================================================
   Reserva de espacio para evitar Cumulative Layout Shift (CLS)
   ========================================================================== */
img,
video,
iframe {
	height: auto;
	max-width: 100%;
}

img[loading="lazy"] {
	background-color: #f0f0f0;
}

/* ==========================================================================
   Botón CTA "Solicitar cotización" en el menú principal
   ========================================================================== */
.main-navigation .vb-cta-button > a {
	background-color: var(--accent, #1e73be);
	color: #fff !important;
	padding: 8px 18px !important;
	border-radius: 4px;
	text-decoration: none !important;
}
.main-navigation .vb-cta-button > a:hover {
	background-color: #17578f;
	color: #fff !important;
}

/* ==========================================================================
   Breadcrumbs
   ========================================================================== */
.vb-breadcrumbs {
	font-size: 0.85em;
	color: var(--contrast-2, #575760);
	margin: 0 0 16px;
}
.vb-breadcrumbs a {
	color: inherit;
	text-decoration: underline;
}
.vb-breadcrumbs .sep {
	margin: 0 6px;
}

/* ==========================================================================
   Listado automático de subpáginas al final de las páginas hub
   ========================================================================== */
.vb-subpages {
	margin-top: 40px;
	padding-top: 24px;
	border-top: 1px solid var(--base, #f0f0f0);
}
.vb-subpages h2 {
	font-size: 1.1em;
	margin-bottom: 12px;
}
.vb-subpages ul {
	margin: 0;
	padding-left: 20px;
}
.vb-subpages li {
	margin-bottom: 6px;
}

/* ==========================================================================
   Footer de 4 columnas (reemplaza el footer por defecto de GeneratePress)
   ========================================================================== */
.site-footer {
	display: none !important;
}

.vb-footer {
	background-color: #1d1f24;
	color: #c7c9d1;
	margin-top: 48px;
}
.vb-footer-columns {
	max-width: 1200px;
	margin: 0 auto;
	padding: 48px 20px 32px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 32px;
}
@media (max-width: 768px) {
	.vb-footer-columns {
		grid-template-columns: 1fr 1fr;
		padding: 32px 20px 24px;
	}
}
@media (max-width: 480px) {
	.vb-footer-columns {
		grid-template-columns: 1fr;
	}
}
.vb-footer-col h2 {
	color: #ffffff;
	font-size: 0.95em;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin: 0 0 14px;
}
.vb-footer-col ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.vb-footer-col li {
	margin-bottom: 8px;
}
.vb-footer-col a {
	color: #c7c9d1;
	text-decoration: none;
	font-size: 0.92em;
}
.vb-footer-col a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.vb-footer-bottom {
	border-top: 1px solid #33353c;
	padding: 20px;
	text-align: center;
	font-size: 0.85em;
	color: #9294a0;
}
.vb-footer-bottom .vb-footer-contact {
	margin-bottom: 8px;
	color: #c7c9d1;
}
.vb-footer-bottom .vb-footer-contact span {
	margin: 0 8px;
	display: inline-block;
}