/* ============================================================
   Destination IDO — Site Fixes CSS v1.3.0
   Palette: Forest Green #2C4A2E | Cream #F5F0E8 | Gold #C9973D
   ============================================================ */

/* ── 1. FOOTER: negro → forest green ────────────────────────────────────── */
.site-footer,
#colophon,
.ast-footer-html-area,
footer.elementor-location-footer,
.ast-site-footer,
.footer-widget-area,
.ast-footer-widget-area,
.ast-builder-footer-grid-columns {
	background-color: #2C4A2E !important;
	color: #F5F0E8 !important;
}
.site-footer *,
#colophon *,
footer.elementor-location-footer *,
.ast-footer-html-area * {
	color: #F5F0E8 !important;
}
.site-footer a:hover,
#colophon a:hover,
footer.elementor-location-footer a:hover {
	color: #C9973D !important;
}

/* ── 2. HERO: ocultar círculo gris placeholder ───────────────────────────── */
/* El círculo es el ::before del contenedor derecho del hero (id: 55f2565)   */
.elementor-element-55f2565::before,
.elementor-element-55f2565::after {
	display: none !important;
}
/* Fallback genérico: cualquier ::before circular decorativo sin imagen en secciones hero */
.e-con::before,
.elementor-section > .elementor-container .elementor-column::before {
	display: none !important;
}

/* ── 3. WHITESPACE VACÍO ENTRE ABOUT Y FOOTER: ocultar sección fantasma ─── */
/* Elemento vacío (div.e-con-inner sin hijos) que genera ~300px de espacio   */
.elementor-element-eef07f1 {
	display: none !important;
}
/* Regla genérica como respaldo: ocultar e-con que solo tienen e-con-inner vacío */
.e-con > .e-con-inner:empty {
	display: none !important;
}
.e-con:has(> .e-con-inner:empty) {
	padding: 0 !important;
	margin: 0 !important;
	min-height: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

/* ── 4. BOTONES CTA: unificar a gold/amber ───────────────────────────────── */
.elementor-button,
.elementor-button-link,
a.elementor-button,
.elementor-widget-button .elementor-button,
.wp-block-button__link,
.ast-custom-button,
.elementor-widget-button a {
	background-color: #C9973D !important;
	color: #ffffff !important;
	border: 2px solid #C9973D !important;
	border-radius: 6px !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	transition: background-color 0.2s, border-color 0.2s !important;
}
.elementor-button:hover,
a.elementor-button:hover,
.elementor-widget-button a:hover {
	background-color: #a67c2e !important;
	border-color: #a67c2e !important;
	color: #ffffff !important;
}

/* ── 5. HAMBURGUESA: quitar fondo dorado ─────────────────────────────────── */
#ast-mobile-popup,
.ast-mobile-popup-content,
.ast-mobile-header-wrap .main-header-bar,
.ast-header-break-point .main-header-bar {
	background-color: #2C4A2E !important;
}
.ast-mobile-popup-content .menu-item a,
.ast-mobile-popup-content .main-header-menu .menu-link {
	color: #F5F0E8 !important;
}
.ast-mobile-header-wrap .menu-toggle,
.ast-header-break-point .ast-mobile-menu-trigger-minimal {
	color: #2C4A2E !important;
}

/* ── 6. MOBILE HERO: columna única en ≤768px ─────────────────────────────── */
@media (max-width: 768px) {
	.elementor-section > .elementor-container,
	.e-con > .e-con-inner {
		flex-direction: column !important;
		flex-wrap: wrap !important;
	}
	.elementor-section .elementor-column,
	.elementor-col-50, .elementor-col-60, .elementor-col-40,
	.e-con > .e-con-inner > .e-con,
	.e-con > .e-con-inner > .elementor-widget {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}
}

/* ── 7. IMÁGENES SERVICE CARDS: siempre visibles ─────────────────────────── */
.elementor-widget-image img,
.elementor-widget img,
.elementor-image-box-img img {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}
/* Altura uniforme en desktop */
.elementor-column .elementor-widget-image img,
.elementor-column .elementor-image-box-img img {
	height: 220px !important;
	object-fit: cover !important;
	width: 100% !important;
}
/* Mobile: ancho completo */
@media (max-width: 768px) {
	.elementor-widget-image img,
	.elementor-widget img {
		width: 100% !important;
		height: auto !important;
		max-height: 260px;
		object-fit: cover;
	}
}

/* ── 8. TOP BAR: ocultar en mobile ───────────────────────────────────────── */
@media (max-width: 768px) {
	.ast-above-header,
	.ast-above-header-bar,
	.ast-above-header-wrap {
		display: none !important;
	}
}

/* ── 9. TABLET 768–1024px: 2 cards por fila ─────────────────────────────── */
@media (max-width: 1024px) and (min-width: 769px) {
	.elementor-column.elementor-col-33 {
		width: 50% !important;
		max-width: 50% !important;
		flex: 0 0 50% !important;
	}
}

/* ── 10. SUBPÁGINAS: layout de contenido limpio ─────────────────────────── */
/* Ocultar el título duplicado (el hero ya tiene el H1) */
body:not(.home) .entry-title {
	display: none !important;
}
/* Sin padding extra en el área de contenido */
body:not(.home) .entry-content,
body:not(.home) .ast-article-single {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* ── 11. SUBPÁGINAS: columna izquierda (botón "More info") → CTA sticky ─── */
/* La columna izquierda del layout de subpáginas tiene ~30% ancho con botón  */
.elementor-element-05f1109,    /* Interfaith */
[data-id="05f1109"],
[data-id="4a2f3b0"],
[data-id="3c9d1e2"] {
	position: sticky !important;
	top: 100px !important;
	align-self: flex-start !important;
}
/* Mejorar aspecto del botón en columna lateral */
body:not(.home) .e-con-full.e-con.e-child:first-child .elementor-widget-button a,
body:not(.home) .e-con-full.e-con.e-child:first-child a[href] {
	background: #C9973D !important;
	color: #fff !important;
	border-radius: 6px !important;
	font-weight: 600 !important;
	display: block !important;
	text-align: center !important;
	padding: 14px 20px !important;
	text-decoration: none !important;
}

/* ── 12. SUBPÁGINAS: tipografía del contenido ───────────────────────────── */
body:not(.home) .entry-content h2,
body:not(.home) .elementor-text-editor h2,
body:not(.home) .elementor-heading-title {
	font-family: 'Lora', Georgia, serif;
	color: #2C4A2E;
	margin-top: 1.8em;
	font-size: 1.5rem;
}
body:not(.home) .entry-content h3,
body:not(.home) .elementor-text-editor h3 {
	color: #2C4A2E;
	font-size: 1.2rem;
	margin-top: 1.4em;
}
body:not(.home) .entry-content p,
body:not(.home) .elementor-text-editor p {
	line-height: 1.85;
	color: #3a3a3a;
}
body:not(.home) .entry-content ul li,
body:not(.home) .elementor-text-editor ul li {
	line-height: 1.75;
	margin-bottom: 0.4em;
}

/* ── 13. HERO DE SUBPÁGINAS: animación de entrada ───────────────────────── */
.site-ido-hero {
	animation: ido-hero-in 0.5s ease-out both;
}
@keyframes ido-hero-in {
	from { opacity: 0; transform: translateY(-10px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* ── 14. LOGO: cursor pointer ────────────────────────────────────────────── */
.site-logo, .ast-site-identity,
.elementor-widget-site-logo,
.custom-logo-link {
	cursor: pointer !important;
}

/* ── 15. WHATSAPP: no tapar contenido mobile ─────────────────────────────── */
@media (max-width: 768px) {
	[class*="whatsapp"][class*="float"],
	[id*="whatsapp-chat"],
	.wpcwc-wpchat-float-button {
		bottom: 70px !important;
	}
}