/* ========== HERO ========== */
.hero{min-height:55vh;background:var(--dark);position:relative;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:url('https://sunnyapp.com/wp-content/uploads/2024/02/about_paneles.webp') center/cover no-repeat;filter:blur(3px);opacity:.45;transform:scale(1.05)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,13,13,.92) 0%,rgba(13,13,13,.75) 50%,rgba(13,13,13,.6) 100%)}
.hero-content{position:relative;z-index:2;padding:130px 40px 90px;max-width:1200px;margin:0 auto;width:100%;text-align:center}
.hero h1{font-weight:900;font-size:clamp(2.6rem,5.5vw,4rem);color:#fff;line-height:1.2;margin-bottom:22px}
.hero h1 span{color:var(--yellow)}
.hero-sub{color:rgba(255,255,255,.85);font-size:17px;line-height:1.8;max-width:680px;margin:0 auto 36px;font-weight:300}
.hero-breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:rgba(255,255,255,.4);margin-bottom:20px}
.hero-breadcrumb a{color:rgba(255,255,255,.4);text-decoration:none}
.hero-breadcrumb a:hover{color:var(--yellow)}
@media(max-width:900px){.hero-content{padding:100px 20px 60px}}

/* ========== PROYECTOS GRID ========== */
.proyectos-bg{background:var(--gray-light)}
.proyectos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}
.proyecto-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:transform var(--transition),box-shadow var(--transition);border:1px solid var(--border)}
.proyecto-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.12)}
.proyecto-img{height:220px;background-size:cover;background-position:center;position:relative}
.proyecto-categoria{position:absolute;top:15px;left:15px;background:var(--yellow);color:var(--dark);font-size:11px;font-weight:700;padding:5px 12px;border-radius:30px;text-transform:uppercase}
.proyecto-body{padding:24px}
.proyecto-location{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);margin-bottom:12px}
.proyecto-location img{width:14px;height:14px}
.proyecto-title{font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.2rem;margin-bottom:8px;color:var(--dark)}
.proyecto-industria{font-size:12px;color:var(--yellow);font-weight:600;margin-bottom:12px;text-transform:uppercase}
.proyecto-stats{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0;padding-top:12px;border-top:1px solid var(--border)}
.stat-item{flex:1;text-align:center}
.stat-value{font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.2rem;color:var(--yellow)}
.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase}
.proyecto-impacto{display:flex;gap:12px;margin-top:12px;font-size:12px;color:var(--text-muted);justify-content:space-between}
.impacto-item{display:flex;align-items:center;gap:4px}
.impacto-item img{width:14px;height:14px}
@media(max-width:900px){.proyectos-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.proyectos-grid{grid-template-columns:1fr}}