/* combined.css - estilos unificados reducidos */
:root{--green:#1a4231;--accent:#25d366;--hero-height:620px;--max-width:1100px}
*{box-sizing:border-box}
body{font-family: 'Noto Sans', Arial, sans-serif;color:#222;margin:0}
/* Unificar tipografías para encabezados */
h1,h2,h3,h4{font-family:'Roboto Condensed', Arial, sans-serif;margin:0}
.page-hero h1{font-family:'Roboto Condensed', Arial, sans-serif}

/* Banners/Slides: usar misma escala que el index */
.elementor-slide-heading,
.page-hero h1,
.elementor-page-title,
.hero-inner h1,
.elementor-slide-heading {
	font-family: 'Roboto Condensed', Arial, sans-serif;
	font-weight:700;
	font-size:3rem;
	line-height:1.02;
	letter-spacing:0.5px;
}

@media(min-width:1200px){
	.elementor-slide-heading,
	.page-hero h1,
	.hero-inner h1 {
		font-size:3.4rem;
	}
}

/* Sección H2 global (index: Nuestros procesos / Cobertura) */
.e-heading-base, .elementor-heading-title, .elementor-icon-box-title, .contacto-content h2 {
	font-family: 'Roboto Condensed', Arial, sans-serif;
	font-weight:700;
	font-size:1.45rem;
	color:var(--green);
	margin-bottom:18px;
	text-align:center;
}
.page-hero{position:relative;min-height:var(--hero-height);display:flex;align-items:center;background-size:cover;background-position:center}
.page-hero .overlay{position:absolute;top:0;left:0;width:60%;height:100%;background:linear-gradient(to right, rgba(26,66,49,0.75) 60%, rgba(26,66,49,0));z-index:1}
.page-hero .hero-inner{position:relative;z-index:2;padding:120px 6% 60px;max-width:850px}
.page-hero h1{color:#fff;font-size:3rem;font-weight:700;margin:0 0 18px;text-shadow:1px 1px 6px rgba(0,0,0,0.65)}
.page-hero p{font-size:1.1rem}
.page-hero p{color:#f0f0f0;font-size:1.05rem;line-height:1.7;margin:0 0 22px;text-shadow:1px 1px 4px rgba(0,0,0,0.55)}
.page-hero .cta{display:inline-block;background-color:var(--accent);color:#fff;padding:12px 28px;border-radius:12px;text-decoration:none;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,0.2)}
.contact-hero{background-image:url('../imagenes/control-plagas-medellin-contacto.webp')}

/* Contact form layout */
.contacto-content{max-width:var(--max-width);margin:36px auto;padding:0 18px}
.contacto-content h2{text-align:center;font-size:1.5rem;margin-bottom:16px}
.contacto-grid{display:grid;grid-template-columns:1fr 460px;gap:36px;align-items:start}
.contacto-intro{text-align:center;color:#666;margin-top:6px;margin-bottom:36px;font-size:1rem}
.contacto-form-col{background:#f7f7f7;padding:22px;border-radius:6px}
.contacto-form-group{margin-bottom:14px}
.contacto-form-group label{display:block;font-weight:600;margin-bottom:6px;color:var(--green)}
.contacto-form-group input,.contacto-form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:0.95rem}
.contacto-submit-btn{background:var(--green);color:#fff;padding:10px 18px;border:none;border-radius:8px;cursor:pointer;font-weight:700}
.contacto-policy{font-size:0.82rem;color:#666;margin-top:10px}

/* Estilos para el mapa de contacto (hacer más grande) */
.contacto-info-col{display:flex;flex-direction:column;gap:18px}
.contacto-map{width:100%;height:420px;border:0;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,0.08)}

@media(min-width:1200px){
	:root{--hero-height:700px}
	.contacto-grid{grid-template-columns:1fr 520px}
	.contacto-map{height:520px}
	.page-hero h1{font-size:3.4rem}
}

@media(max-width:900px){
	.contacto-grid{grid-template-columns:1fr;gap:20px}
	.page-hero .overlay{width:100%;opacity:0.9}
	.contacto-map{height:320px}
	.page-hero .hero-inner{padding:60px 6% 36px}
}

/* Small utility to hide old asset notices */
.hidden{display:none!important}

/* End combined.css */