/*
 Theme Name: Astra Child
 Theme URI: https://enlace.pro
 Description: Tema hijo de Astra para ENLACE SRL
 Author: Tu Nombre
 Author URI: https://enlace.pro
 Template: astra
 Version: 1.0.0
 Text Domain: astra-child
*/

/* Aquí empieza tu CSS personalizado */

/* ===== TIPOGRAFÍA ===== */
body { font-family: 'Arial Narrow', Arial, sans-serif; color:#58575B; }
h1,h2,h3,.logo-name { font-family:'Arial Black', Impact, sans-serif; font-weight:900; color:#58575B; }
p { font-family:'Arial Narrow', Arial, sans-serif; color:#58575B; }

/* ===== HERO ===== */
.hero { background-color:#FFFFFF; /* fondo limpio */ text-align:center; height:90vh; display:flex; align-items:center; justify-content:center; }
.hero-content { padding:120px 20px; }
.hero h1 { font-size:64px; margin-bottom:20px; }
.hero p { font-size:22px; margin-bottom:40px; }

/* LOGO */
.logo-name { display:block; font-size:36px; color:#58575B; }
.logo-srl { display:block; font-size:18px; color:#58575B; }

/* BOTÓN CTA */
.btn-red { background:#D46443; color:#FFFFFF; padding:16px 50px; border-radius:8px; text-decoration:none; font-weight:bold; transition:0.3s; }
.btn-red:hover { background:#b35336; }

/* QUIÉNES SOMOS */
.about-content { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:50px; margin-top:50px; }
.about-text { flex:1; min-width:300px; text-align:left; }
.about-image { flex:1; min-width:300px; }
.about img { width:100%; border-radius:16px; box-shadow:0 10px 25px rgba(0,0,0,0.1); }

/* SERVICIOS */
.services h2 { margin-bottom:50px; font-size:36px; color:#58575B; }
.services-grid { display:flex; flex-direction:column; gap:35px; align-items:center; }
.service { background:#FFFFFF; padding:30px; border-radius:16px; box-shadow:0 12px 25px rgba(0,0,0,0.1); max-width:450px; width:100%; transition: transform 0.3s; text-align:center; }
.service:hover { transform: translateY(-8px); }
.service img { width:70px; height:70px; margin-bottom:20px; }
.service h3 { margin-bottom:12px; font-size:24px; color:#D46443; }
.service p { font-size:17px; line-height:1.6; color:#58575B; }

/* PROYECTOS */
.projects h2 { margin-bottom:40px; font-size:36px; color:#58575B; }
.projects-grid { display:flex; flex-direction:column; gap:30px; align-items:center; }
.projects img { width:100%; max-width:850px; border-radius:16px; box-shadow:0 10px 20px rgba(0,0,0,0.15); transition: transform 0.3s; }
.projects img:hover { transform: scale(1.03); }

/* CONTACTO */
.contact-quick { background:#D46443; color:#FFFFFF; text-align:center; padding:100px 20px; }
.contact-quick h2, .contact-quick p { color:#FFFFFF; }

/* SEPARADORES */
section + section { border-top:1px solid #eee; }

/* RESPONSIVE */
@media(max-width:1024px){
    .hero h1{font-size:48px;}
    .hero p{font-size:20px;}
    .about-text, .about-image{flex:100%; text-align:center;}
    .service{max-width:90%;}
    .projects img{max-width:90%;}
}