
/* LAYOUT */
.wrap{max-width:1200px;margin:auto;padding:0 1.5rem}
.section{padding:5rem 0}
.section.alt{background:var(--gray-50)}
.section.dark{background:linear-gradient(135deg,var(--navy-dark),var(--navy));color:#fff}
.sec-label{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem}
.sec-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--navy);line-height:1.15;margin-bottom:.75rem}
.sec-title span{color:var(--blue-light)}
.sec-title.light{color:#fff}
.sec-title.light span{color:var(--gold-light)}
.sec-desc{color:var(--gray-500);font-size:.92rem;line-height:1.75;max-width:760px}
.sec-desc.light{color:rgba(255,255,255,.65)}
.divider{width:48px;height:3px;background:var(--gold);border-radius:2px;margin:.9rem 0 1rem}
.divider.light{background:rgba(255,255,255,.4)}
.sec-header{margin-bottom:3rem}
.sec-header.centered{text-align:center}
.sec-header.centered .divider{margin:.9rem auto 1rem}
.sec-header.centered .sec-desc{margin:0 auto}


/* LEGAL FRAMEWORK */
.legal-card{background:var(--white);border:1px solid var(--gray-200);border-left:5px solid var(--gold);border-radius:var(--radius);padding:2.5rem;box-shadow:var(--shadow)}
.legal-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--navy);color:var(--gold-light);font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:.35rem .85rem;border-radius:3px;margin-bottom:1.25rem}
.legal-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.35rem;color:var(--navy);margin-bottom:.25rem;line-height:1.3}
.legal-subtitle{font-size:.88rem;color:var(--blue-light);font-weight:600;margin-bottom:1.25rem}
.legal-text{color:var(--gray-700);font-size:.9rem;line-height:1.75;margin-bottom:1.25rem}
.legal-list{display:flex;flex-direction:column;gap:.6rem;list-style:none;padding:0}
.legal-list li{display:flex;gap:.85rem;align-items:flex-start;padding:.65rem 1rem;background:var(--gray-50);border-radius:6px;font-size:.88rem;color:var(--gray-700);line-height:1.6;border:1px solid var(--gray-100)}
.legal-list li i{color:var(--gold);font-size:.75rem;margin-top:.3rem;flex-shrink:0}

/* GESTIÓN CARDS GRID */
.gestion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}
.gestion-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--t),transform var(--t);display:flex;flex-direction:column}
.gestion-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.gcard-head{background:linear-gradient(135deg,var(--navy-dark),var(--navy));padding:2rem 2rem 1.5rem;position:relative;overflow:hidden}
.gcard-head::after{content:'';position:absolute;bottom:-20px;right:-20px;width:120px;height:120px;background:rgba(200,150,12,.08);border-radius:50%}
.gcard-icon-wrap{width:64px;height:64px;border-radius:12px;background:rgba(200,150,12,.15);border:1px solid rgba(200,150,12,.3);display:grid;place-items:center;margin-bottom:1.25rem}
.gcard-icon-wrap img{width:40px;height:40px;object-fit:contain}
.gcard-icon-wrap i{font-size:1.5rem;color:var(--gold-light)}
.gcard-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.15rem;color:#fff;line-height:1.25;margin-bottom:.5rem}
.gcard-mission-label{font-size:.67rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:.35rem}
.gcard-mission{font-size:.82rem;color:rgba(255,255,255,.65);line-height:1.65}
.gcard-body{padding:1.75rem 2rem;flex:1;display:flex;flex-direction:column;gap:1.25rem}

/* Subunit list */
.unit-group{margin-bottom:.5rem}
.unit-group-title{font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem;padding-bottom:.4rem;border-bottom:1px solid var(--gray-100)}
.unit-list{display:flex;flex-direction:column;gap:.3rem}
.unit-item{display:flex;align-items:center;gap:.7rem;padding:.5rem .85rem;background:var(--gray-50);border-radius:5px;font-size:.82rem;font-weight:500;color:var(--navy);border:1px solid var(--gray-100);transition:background var(--t),border-color var(--t)}
.unit-item:hover{background:var(--gold-pale);border-color:var(--gold)}
.unit-item i{color:var(--gold);font-size:.7rem;flex-shrink:0}

/* Zones grid (2 columns inside card) */
.zones-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}

/* Wide card (full width) */
.gestion-card.wide{grid-column:1/-1}


/* RESPONSIVE */
@media(max-width:1024px){
  .gestion-grid{grid-template-columns:1fr}
  .gestion-card.wide{grid-column:auto}
  .footer-grid{grid-template-columns:1fr 1fr}
  .stats-grid{grid-template-columns:1fr 1fr}
  .stat+.stat::before{display:none}
}
@media(max-width:768px){
  .gov-strip-links,.nav-links{display:none}
  .section{padding:3.5rem 0}
  .footer-grid{grid-template-columns:1fr}
  .zones-grid{grid-template-columns:1fr}
}
