/* ============================================================
   Footer nativo (ozado) — grid + barra de contacto + responsive.
   Fondos/columnas/scrollbar rojo vienen del CSS extraído (ozado-original.css).
   Breakpoints OZ-Maquetador: >1024 | tablet_h <=1024 | tablet_v/mobile <=768.
   ============================================================ */

#footer-widgets2, #footer-widgets2 *, #footer-widgets, #footer-widgets *,
#colophon, #colophon *, #fixed-rs, #fixed-rs * { box-sizing: border-box; }

/* ---- Grid Bootstrap-like (scopeado al footer) ---- */
#footer-widgets2 .container, #footer-widgets .container {
	width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 15px;
}
#footer-widgets2 .row, #footer-widgets .row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
#footer-widgets2 [class*="col-"], #footer-widgets [class*="col-"] { padding: 0 15px; width: 100%; }

/* ---- (2) Altura/padding ---- */
#footer-widgets2 { padding: 38px 0; }              /* barra de contacto: 38px arriba/abajo (pedido) */
#footer-widgets  { padding: 3rem 0; }              /* py-5 */

/* ---- Anchos de columnas ---- */
/* Desktop + laptop (>1024): 4 columnas */
@media (min-width: 1025px) {
	#footer-widgets2 .col-md-3 { width: 25%; }
	#footer-widgets .col-lg-3 { width: 25%; }
	#footer-widgets2 .text-lg-center { text-align: center; }
	#footer-widgets2 .text-lg-right { text-align: right; }
	/* (3/4) Padding interno original (px-xl-5 / pr-xl-5 / pl-xl-5) para estrechar el contenido */
	#footer-widgets .fw-1 { padding-left: 15px; padding-right: 3rem; }
	#footer-widgets .fw-2, #footer-widgets .fw-3 { padding-left: 3rem; padding-right: 3rem; }
	#footer-widgets .fw-4 { padding-left: 3rem; padding-right: 15px; }
	/* (6) Separadores verticales sutiles entre columnas */
	#footer-widgets .fw-1, #footer-widgets .fw-2, #footer-widgets .fw-3 {
		border-right: 1px solid rgba(255, 255, 255, .08);
	}
}

/* tablet_h (<=1024): contacto 2x2, columnas 2x2 */
@media (min-width: 769px) and (max-width: 1024px) {
	#footer-widgets2 .col-md-3 { width: 50%; margin-bottom: 14px; }
	#footer-widgets .col-lg-3 { width: 50%; margin-bottom: 26px; }
}

/* tablet_v + mobile (<=768): apilado */
@media (max-width: 768px) {
	#footer-widgets2 .col-md-3 { width: 100%; margin-bottom: 14px; text-align: left !important; }
	#footer-widgets .col-lg-3 { width: 100%; margin-bottom: 28px; border-right: 0 !important; }
}

/* ---- (1) Barra de contacto: icono + texto en UNA línea (sin títulos sueltos) ---- */
#footer-widgets2 { color: #fff; }
#footer-widgets2 .fw2-item {
	display: inline-flex; align-items: center; gap: 10px; color: #fff; text-decoration: none;
	text-align: left; max-width: 100%;
}
#footer-widgets2 .fw2-ico { color: var(--danger, #ff0047); flex: 0 0 auto; display: inline-flex; }
#footer-widgets2 .fw2-txt { font-size: 14px; line-height: 1.4; }
#footer-widgets2 a.fw2-item:hover { color: var(--danger, #ff0047); }

/* ---- (5) Mapa de Sitio: ocultar sub-menús (solo ítems principales) ---- */
#footer-widgets .fw-3 ul.menu .sub-menu { display: none !important; }

/* ---- (9) Copyright centrado, barra delgada ---- */
#colophon .site-info { text-align: center; padding: 10px 0; font-size: 14px; }
#colophon .site-info a { text-decoration: none; }

/* ---- (8) Barra flotante de redes: refuerzos sobre el CSS extraído ---- */
#fixed-rs { display: flex; flex-direction: column; gap: 8px; }
#fixed-rs p { margin: 0; line-height: 0; }
#fixed-rs img { width: 35px; height: 35px; display: block; }
@media (max-width: 768px) {
	#fixed-rs { bottom: 4.5rem; right: 8px; }
	#fixed-rs p { padding: 8px; }
	#fixed-rs img { width: 26px; height: 26px; }
}