/* CIA — BASE INSTITUCIONAL 2716–2720 — 2026-09-28 */

.cia-page{
  --cia-green:#123c32;
  --cia-green-dark:#0b2c25;
  --cia-green-mid:#245844;
  --cia-gold:#d7b15b;
  --cia-ivory:#fff9eb;
  --cia-cream:#f6f1e5;
  --cia-white:#fff;
  --cia-text:#24312d;
  --cia-muted:#5b6863;
  --cia-line:#d7ded9;
  --cia-soft:#edf2ee;
  color:var(--cia-text);
}

.cia-page,
.cia-page *{
  box-sizing:border-box;
}

.cia-page .cia-shell{
  width:min(1180px,calc(100% - 48px));
  margin-inline:auto;
}

.cia-page .cia-narrow{
  width:min(820px,calc(100% - 48px));
}

.cia-page .cia-hero{
  padding:90px 0 82px;
  background:var(--cia-green-dark);
  color:var(--cia-ivory);
  border-bottom:5px solid var(--cia-gold);
}

.cia-page .cia-kicker,
.cia-page .cia-eyebrow{
  margin:0 0 18px;
  color:var(--cia-gold);
  font-size:.72rem;
  line-height:1.4;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.cia-page .cia-hero h1{
  margin:0;
  color:var(--cia-ivory);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(3.2rem,7vw,5.6rem);
  line-height:.98;
  letter-spacing:-.035em;
}

.cia-page .cia-lead{
  max-width:760px;
  margin:26px 0 0;
  color:rgba(255,249,235,.88);
  font-size:1.08rem;
  line-height:1.75;
}

.cia-page .cia-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:32px;
}

.cia-page .cia-btn{
  display:inline-flex;
  min-height:50px;
  align-items:center;
  justify-content:center;
  padding:13px 22px;
  border:1px solid transparent;
  border-radius:3px;
  font-size:.82rem;
  line-height:1.2;
  font-weight:700;
  text-decoration:none!important;
  transition:transform .18s ease,background-color .18s ease,border-color .18s ease;
}

.cia-page .cia-btn:hover{
  transform:translateY(-1px);
}

.cia-page .cia-btn-primary{
  background:var(--cia-gold);
  color:var(--cia-green-dark)!important;
}

.cia-page .cia-btn-secondary{
  border-color:rgba(255,255,255,.55);
  background:transparent;
  color:var(--cia-ivory)!important;
}

.cia-page .cia-section-soft{
  background:var(--cia-soft);
}

@media (max-width:767px){
  .cia-page .cia-shell,
  .cia-page .cia-narrow{
    width:min(100% - 32px,1180px);
  }

  .cia-page .cia-hero{
    padding:62px 0 58px;
  }

  .cia-page .cia-hero h1{
    font-size:clamp(2.8rem,14vw,4.2rem);
  }

  .cia-page .cia-lead{
    font-size:1rem;
    line-height:1.65;
  }

  .cia-page .cia-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .cia-page .cia-btn{
    width:100%;
  }
}