/* =========================================================
 * Pre-footer: banners de contacto + slider de marcas
 * (aparece al final de cada página, sobre el footer)
 * ========================================================= */
.aov-prefooter {
	background: #ffffff;
	padding: 40px 0 8px;
}
.aov-prefooter__container {
	width: 100%;
	max-width: 1440px;       /* mismo ancho que los contenedores del sitio (alineado) */
	margin: 0 auto;
	padding: 0 24px;
}

/* Dos banners lado a lado, conservando su proporción (600x468 y 890x468) */
.aov-prefooter__banners {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 24px;
}
.aov-prefooter__banner {
	display: block;
	border-radius: 0;          /* sin esquinas redondeadas */
	overflow: hidden;
	text-decoration: none;
	line-height: 0;
}
.aov-prefooter__banner--mail { flex: 600 1 0; }   /* ancho ~ proporción natural */
.aov-prefooter__banner--wa   { flex: 890 1 0; }
.aov-prefooter__banner img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease;
}
.aov-prefooter__banner:hover img { transform: scale(1.02); }

/* Slider de marcas */
.aov-prefooter__brands {
	margin-top: 40px;
}
.aov-prefooter__brands-title {
	margin: 0 0 22px;
	text-align: center;
	font-size: 26px;
	font-weight: 700;
	color: #2b2f33;
}

/* Cada marca como caja con borde (estilo de la captura 2).
   Sobrescribe el estilo "sin tarjeta" del módulo solo dentro del pre-footer. */
.aov-prefooter__brands .ozs--wc-brands .ozs-wc-brand__link,
.aov-prefooter__brands .ozs--wc-brands .oz-wc-brand__link {
	min-height: 96px;
	padding: 14px 18px;
	background: #ffffff;
	border: 1px solid #e3e7ec;
	border-radius: 6px;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.aov-prefooter__brands .ozs--wc-brands .ozs-wc-brand__link:hover,
.aov-prefooter__brands .ozs--wc-brands .oz-wc-brand__link:hover,
.aov-prefooter__brands .ozs--wc-brands .ozs-wc-brand__link:focus-visible,
.aov-prefooter__brands .ozs--wc-brands .oz-wc-brand__link:focus-visible {
	border-color: #cfe0ec;
	box-shadow: 0 6px 16px rgba(1, 74, 125, .08);
	opacity: 1;
}
/* Logo de la marca (cuando el término tiene imagen asignada).
   En gris por defecto; recupera su color natural al pasar el mouse. */
.aov-prefooter__brands .ozs--wc-brands .ozs-wc-brand__img,
.aov-prefooter__brands .ozs--wc-brands .oz-wc-brand__img {
	max-height: 50px;
	filter: grayscale(100%);
	opacity: .85;
	transition: filter .25s ease, opacity .25s ease;
}
.aov-prefooter__brands .ozs--wc-brands .ozs-wc-brand__link:hover .ozs-wc-brand__img,
.aov-prefooter__brands .ozs--wc-brands .oz-wc-brand__link:hover .oz-wc-brand__img,
.aov-prefooter__brands .ozs--wc-brands .ozs-wc-brand__link:focus-visible .ozs-wc-brand__img,
.aov-prefooter__brands .ozs--wc-brands .oz-wc-brand__link:focus-visible .oz-wc-brand__img {
	filter: none;
	opacity: 1;
}
/* Nombre (se muestra cuando la marca aún no tiene logo) */
.aov-prefooter__brands .ozs--wc-brands .ozs-wc-brand__name,
.aov-prefooter__brands .ozs--wc-brands .oz-wc-brand__name {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.25;
	color: #14527d;
	text-align: center;
}

@media (max-width: 768px) {
	.aov-prefooter { padding: 28px 0 4px; }
	.aov-prefooter__container { padding: 0 16px; }
	.aov-prefooter__banners { gap: 16px; }
	/* En móvil, cada banner a ancho completo */
	.aov-prefooter__banner--mail,
	.aov-prefooter__banner--wa { flex: 1 1 100%; }
	.aov-prefooter__brands { margin-top: 28px; }
	.aov-prefooter__brands-title { font-size: 22px; }
}

/* =========================================================
 * Footer AOV
 * Réplica del footer público de solucionesaov.com.pe.
 *  - Fondo exterior:  #0a6798 (azul oscuro)
 *  - Panel interior:  #00a4d2 (cyan)
 *  - Tarjeta del logo: blanca, radio 10px
 *  - Copyright: blanco al 21% con borde superior tenue
 * ========================================================= */

.aov-footer {
	--aov-fb-bg:     #0a6798;
	--aov-fb-panel:  #00a4d2;
	--aov-fb-text:   #ffffff;
	--aov-fb-radius: 10px;

	background: var(--aov-fb-bg);
	color: var(--aov-fb-text);
	font-family: var(--OZ-Font-Base, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
	font-size: 15px;
	line-height: 1.55;
	padding: 48px 0 0;
}

.aov-footer * { box-sizing: border-box; }
.aov-footer ul { list-style: none; margin: 0; padding: 0; }
.aov-footer a { color: inherit; text-decoration: none; transition: color .2s ease, background-color .2s ease; }

.aov-footer__container {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0;
}

/* ===== Rejilla: tarjeta de logo + panel de contenido ===== */
.aov-footer__grid {
	display: grid;
	grid-template-columns: 405px 1fr;
	gap: 2rem;
	align-items: stretch;
}

/* ----- Tarjeta blanca del logo ----- */
.aov-footer__logo {
	background: #fff;
	border-radius: var(--aov-fb-radius);
	display: grid;
	place-content: center;
	padding: 2rem;
}
.aov-footer__logo a { display: inline-flex; align-items: center; }
.aov-footer__logo img {
	max-width: 320px;
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.aov-footer__logo-text {
	color: #0a6798;
	font-weight: 800;
	font-size: 26px;
	text-align: center;
}

/* ----- Panel cyan con las 3 columnas ----- */
.aov-footer__content {
	display: grid;
	grid-template-columns: 1fr 1fr auto;
	gap: 2rem;
	background: var(--aov-fb-panel);
	border-radius: var(--aov-fb-radius);
	padding: 2rem 2.5rem;
}

.aov-footer__title {
	color: #fff;
	font-family: var(--OZ-Font-Headings, var(--OZ-Font-Base, inherit));
	font-size: 22px;
	font-weight: 600;
	margin: 0 0 1.2rem;
}

/* ----- Listas (Páginas + Categorías) ----- */
.aov-footer__menu,
.aov-footer__cats {
	display: grid;
	gap: .8rem;
	padding: 0;
	margin: 0;
}
.aov-footer__menu a,
.aov-footer__cats a {
	color: #fff;
	font-size: 15px;
	line-height: 1.4;
}
.aov-footer__menu a:hover,
.aov-footer__cats a:hover { opacity: .8; }

/* Página activa en negrita (como "Inicio" en el sitio) */
.aov-footer__menu .current-menu-item > a,
.aov-footer__menu .current_page_item > a { font-weight: 700; }

/* Categorías: flecha en las que tienen subcategorías */
.aov-footer__cats .cat-parent > a::after {
	content: "▾";
	display: inline-block;
	margin-left: .4rem;
	font-size: .8em;
	opacity: .9;
}
/* Ocultar subcategorías anidadas (solo se muestran las de nivel superior) */
.aov-footer__cats .children { display: none; }

/* ----- Columna de contacto ----- */
.aov-footer__col--contact { min-width: 240px; }
.aov-footer__contact {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 .85rem;
	color: #fff;
	font-size: 15px;
	line-height: 1.4;
}
.aov-footer__contact--hours { align-items: flex-start; }
.aov-footer__contact a { color: #fff; }
.aov-footer__contact a:hover { opacity: .8; }
.aov-footer__icon {
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}
.aov-footer__icon svg { width: 18px; height: 18px; display: block; }

.aov-footer__libro {
	display: inline-block;
	margin-top: 1rem;
	border-radius: 6px;
	overflow: hidden;
}
.aov-footer__libro img {
	display: block;
	max-width: 120px;
	height: auto;
}

.aov-footer__empty { color: rgba(255, 255, 255, .8); font-style: italic; }

/* ===== Barra inferior (copyright) ===== */
.aov-footer__bottom {
	color: #ffffff36;
	text-align: center;
	border-top: 1px solid #cccccc75;
	margin: 30px 1rem 0;
	padding: 26px 1rem;
}
.aov-footer__bottom a { color: #ffffff36; }
.aov-footer__bottom a:hover { color: #ffffff80; }

/* =========================================================
 *  Responsive
 * ========================================================= */
@media (max-width: 1024px) {
	.aov-footer__container { padding: 0 24px; }   /* padding lateral solo en tablet/móvil */
	.aov-footer__grid { grid-template-columns: 1fr; }
	.aov-footer__logo { display: none; }            /* el logo se oculta como en el sitio en vivo */
	.aov-footer__content { grid-template-columns: 1fr 1fr; }
	.aov-footer__col--contact { grid-column: 1 / 3; min-width: 0; }
}

@media (max-width: 640px) {
	.aov-footer { padding-top: 32px; }
	.aov-footer__container { padding: 0 16px; }
	.aov-footer__content { grid-template-columns: 1fr; padding: 2rem 1.5rem; }
	.aov-footer__col--contact { grid-column: auto; }
	.aov-footer__title { font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) {
	.aov-footer a { transition: none !important; }
}