/*
UGRNL - Estilos de páginas principales
Subir en: assets/css/pages.css
*/

.inner-hero{position:relative;min-height:430px;display:flex;align-items:center;overflow:hidden;color:var(--white);background:linear-gradient(120deg,rgba(0,47,34,.94),rgba(0,59,42,.68)),var(--green-main)}
.inner-hero::after{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-160px;border:24px solid var(--yellow);border-radius:50%;opacity:.8}
.inner-hero .container{position:relative;z-index:2}
.inner-hero h1{max-width:850px;color:var(--white);font-size:clamp(3rem,7vw,6.4rem);text-transform:uppercase}
.inner-hero p{max-width:760px;color:rgba(255,255,255,.86);font-size:1.15rem}
.split-panel{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:stretch}
.panel-card{position:relative;overflow:hidden;padding:34px;border-radius:var(--radius-xl);border:1px solid var(--border);background:rgba(255,255,255,.88);box-shadow:var(--shadow-soft)}
.panel-card.dark{color:var(--white);background:radial-gradient(circle at top right,rgba(255,209,0,.16),transparent 32%),linear-gradient(135deg,var(--green-dark),var(--green-soft))}
.panel-card.dark h2,.panel-card.dark h3{color:var(--white)}
.timeline{position:relative;padding-left:26px}.timeline::before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:3px;border-radius:999px;background:var(--yellow)}
.timeline-item{position:relative;margin-bottom:28px}.timeline-item::before{content:"";position:absolute;left:-25px;top:6px;width:15px;height:15px;border-radius:50%;background:var(--green-dark);border:4px solid var(--yellow)}
.president-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.honor-card{position:relative;overflow:hidden;min-height:360px;display:flex;align-items:flex-end;padding:24px;border-radius:var(--radius-xl);background:linear-gradient(180deg,rgba(0,47,34,.08),rgba(0,47,34,.92)),url("../img/presidente-placeholder.jpg") center/cover no-repeat;box-shadow:var(--shadow-soft)}
.honor-card::before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.36);border-radius:22px}.honor-card div{position:relative;z-index:2}.honor-card h3,.honor-card p{color:var(--white);margin:0}
.map-box{min-height:420px;overflow:hidden;border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid var(--border);background:rgba(255,255,255,.6)}.map-box iframe{width:100%;height:420px;display:block;border:0}
.service-list{display:grid;gap:24px}.service-row{display:grid;grid-template-columns:260px 1fr auto;gap:26px;align-items:center;padding:20px;border-radius:var(--radius-xl);background:rgba(255,255,255,.9);box-shadow:var(--shadow-soft);transition:transform .28s ease,box-shadow .28s ease}.service-row:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.service-row-image{min-height:160px;border-radius:20px;background:linear-gradient(120deg,rgba(0,47,34,.24),rgba(0,59,42,.18)),url("../img/servicio-placeholder.jpg") center/cover no-repeat}
.association-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}.association-card{min-height:430px;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;border-radius:var(--radius-xl);color:var(--white);background:linear-gradient(180deg,rgba(0,47,34,.14),rgba(0,47,34,.92)),url("../img/empresa-placeholder.jpg") center/cover no-repeat;box-shadow:var(--shadow)}.association-card h2{color:var(--white)}
.vendor-strip{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center;padding:42px;border-radius:var(--radius-xl);background:radial-gradient(circle at right,rgba(255,209,0,.25),transparent 32%),linear-gradient(135deg,var(--green-dark),var(--green-soft));color:var(--white)}.vendor-strip h2{color:var(--white)}
.expo-banner{position:relative;min-height:560px;display:flex;align-items:flex-end;overflow:hidden;border-radius:0 0 42px 42px;background:linear-gradient(180deg,rgba(0,47,34,.18),rgba(0,47,34,.92)),url("../img/expo-banner.jpg") center/cover no-repeat}.expo-banner-content{width:min(100% - 40px,var(--container));margin:0 auto;padding:0 0 70px;position:relative;z-index:2}.expo-banner h1{max-width:920px;color:var(--white);font-size:clamp(3rem,7vw,7rem);text-transform:uppercase}
.countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.count-card{padding:28px 18px;border-radius:var(--radius-lg);text-align:center;background:var(--white);box-shadow:var(--shadow-soft)}.count-card strong{display:block;color:var(--green-dark);font-size:clamp(2rem,5vw,4rem);line-height:1}.count-card span{display:block;margin-top:8px;color:var(--muted);font-weight:900;text-transform:uppercase}
.expo-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:28px}.sponsor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.mini-card{padding:22px;border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-soft)}.event-list{display:grid;gap:14px}.event-item{padding:18px;border-left:5px solid var(--yellow);border-radius:16px;background:rgba(255,255,255,.92);box-shadow:var(--shadow-soft)}
.news-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.news-feature{min-height:460px;display:flex;align-items:flex-end;padding:34px;border-radius:var(--radius-xl);color:var(--white);background:linear-gradient(180deg,rgba(0,47,34,.08),rgba(0,47,34,.92)),url("../img/noticias-destacado.jpg") center/cover no-repeat;box-shadow:var(--shadow)}.news-feature h2{color:var(--white)}.social-wall{display:grid;gap:16px}.social-post-placeholder{padding:22px;border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-soft)}
.magazine-box{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center;padding:32px;border-radius:var(--radius-xl);background:radial-gradient(circle at left,rgba(255,209,0,.25),transparent 32%),linear-gradient(135deg,var(--green-dark),var(--green-soft));color:var(--white)}.magazine-box h2{color:var(--white)}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px}.contact-card,.form-placeholder{padding:30px;border-radius:var(--radius-xl);background:var(--white);box-shadow:var(--shadow-soft)}.contact-list{padding:0;margin:0;list-style:none}.contact-list li{padding:16px 0;border-bottom:1px solid var(--border)}.contact-actions{display:grid;gap:14px;margin-top:24px}.contact-actions .btn{width:100%}.form-grid{display:grid;gap:16px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:15px 16px;border:1px solid var(--border);border-radius:14px;font:inherit}.form-grid textarea{min-height:130px;resize:vertical}
@media(max-width:980px){.split-panel,.association-layout,.vendor-strip,.expo-layout,.news-layout,.magazine-box,.contact-grid{grid-template-columns:1fr}.president-grid,.countdown-grid{grid-template-columns:repeat(2,1fr)}.service-row{grid-template-columns:1fr}}
@media(max-width:560px){.inner-hero{min-height:360px}.president-grid,.countdown-grid,.sponsor-grid{grid-template-columns:1fr}.service-row{padding:16px}}