/* EVENOR — estilos propios de page-areas.php */
.hero-int{background:var(--beige);position:relative;overflow:hidden}
.hero-int-inner{max-width:1280px;margin:0 auto;padding:170px 40px 80px;position:relative;z-index:1}
.hero-int .eyebrow{margin-bottom:28px}
.hero-int h1{font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:clamp(34px,4.6vw,58px);line-height:1.02;letter-spacing:-.012em;text-transform:uppercase;color:var(--ink);max-width:980px}
.hero-int .intro{margin-top:34px;max-width:640px;display:grid;gap:20px}
.hero-int .intro .lead{font-family:'Roboto Condensed',sans-serif;font-weight:400;font-size:clamp(19px,1.9vw,23px);line-height:1.4;color:var(--ink)}
.hero-int .cta-row{margin-top:40px;display:flex;gap:18px;flex-wrap:wrap}
.hero-watermark{position:absolute;right:-20px;bottom:-46px;z-index:0;font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:clamp(110px,15vw,210px);line-height:1;letter-spacing:.04em;text-transform:uppercase;color:rgba(122,38,63,.05);pointer-events:none;user-select:none;white-space:nowrap;will-change:transform}
.areas-list{max-width:1280px;margin:0 auto;padding:100px 40px 30px;position:relative}
.area-block{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-top:70px}
.area-block:first-child{padding-top:0}
.area-block+.area-block{margin-top:26px;border-top:1px solid var(--line)}
.area-index{display:flex;align-items:baseline;gap:16px;margin-bottom:16px}
.area-index .num{font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:clamp(30px,4vw,50px);line-height:1;color:var(--gold);letter-spacing:.01em}
.area-index .num-rule{flex:1;height:1px;background:var(--line-warm);position:relative;top:-6px}
.area-block h2{margin-bottom:20px;max-width:18ch}
.area-block .body-txt+.body-txt{margin-top:16px}
.area-block .asuntos-label{font-family:'Roboto Condensed',sans-serif;font-size:16px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2);margin:28px 0 14px}
.area-fig{height:500px}
.area-note{margin-top:20px;font-size:16px;line-height:1.7;color:var(--muted);font-weight:300}
.area-note strong{color:var(--ink);font-weight:400}
.closing{background:var(--beige);padding:120px 0;margin-top:90px;position:relative;overflow:hidden}
.closing-isotipo{position:absolute;right:-130px;top:50%;transform:translateY(-50%);width:520px;opacity:.05;pointer-events:none}
.closing-inner{position:relative;z-index:1}
.closing h2{max-width:640px;line-height:1.06}
.closing .body-txt{max-width:680px}
.closing .body-txt+.body-txt{margin-top:20px}
.closing .cta-row{margin-top:44px;display:flex;gap:18px;flex-wrap:wrap}
@media (prefers-reduced-motion: no-preference){
  html.js .ln:nth-child(1)>span{animation-delay:.20s}
  html.js .ln:nth-child(2)>span{animation-delay:.30s}
  html.js .ln:nth-child(3)>span{animation-delay:.40s}
  html.js .hero-in.d1{animation-delay:.55s}
  html.js .hero-in.d2{animation-delay:.68s}
  html.js .hero-watermark{animation:ev-fade 1.6s ease .9s both}
  html.js.io .rv-d4{transition-delay:.48s}
}

@media (max-width:880px){
  .hero-int-inner{padding:140px 24px 64px}
  .hero-watermark{font-size:clamp(80px,22vw,140px);bottom:-24px;right:-10px}
  .areas-list{padding-left:24px;padding-right:24px;padding-top:70px}
  .area-block{grid-template-columns:1fr;gap:36px;padding-top:52px}
  .area-block h2{max-width:none}
  .area-fig{height:340px}
  .rev-order{order:-1}
  .closing-isotipo{width:360px;right:-90px}
}