/* EVENOR — estilos propios de front-page.php */
.hero{max-width:1280px;margin:0 auto;padding:180px 40px 70px;position:relative}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;position:relative;z-index:1}
.hero h1{font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:clamp(30px,4.4vw,54px);line-height:.99;letter-spacing:-.012em;text-transform:uppercase;color:var(--ink)}
.hero .lede{margin-top:26px;font-size:clamp(22px,2.4vw,30px);line-height:1.3;color:var(--ink);max-width:480px;font-family:'Roboto Condensed',sans-serif;font-weight:400}
.hero .intro{margin-top:30px;max-width:480px}
.hero .cta-row{margin-top:36px;display:flex;gap:18px;flex-wrap:wrap}
.hero-fig{height:560px}
.hero-fig .fig-frame{inset:18px}
.hero-fig .fig-media img{transition:none}
.hero-watermark{position:absolute;left:12px;bottom:-34px;z-index:0;font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:clamp(120px,17vw,230px);line-height:1;letter-spacing:.05em;text-transform:uppercase;color:rgba(122,38,63,.05);pointer-events:none;user-select:none;white-space:nowrap;will-change:transform}
.firma{background:var(--beige);padding:110px 0;margin-top:70px}
.firma-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.firma h2{max-width:430px;line-height:1.18}
.values{margin-top:72px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-warm);border:1px solid var(--line-warm)}
.value-card{background:var(--beige);padding:34px 30px 32px;position:relative;overflow:hidden;transition:background .5s ease}
.value-card::after{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-out)}
.value-card:hover::after{transform:scaleX(1)}
.value-card:hover{background:#f9f4ef}
.value-num{font-family:'Roboto Condensed',sans-serif;font-size:16px;letter-spacing:.14em;color:var(--gold);margin-bottom:14px}
.value-title{font-family:'Roboto Condensed',sans-serif;font-size:clamp(22px,2.4vw,30px);line-height:1.1;color:var(--ink);margin-bottom:12px}
.areas{max-width:1280px;margin:0 auto;padding:110px 40px 30px}
.areas-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:50px}
.areas-head h2{max-width:640px;line-height:1.05}
.area-row{position:relative;z-index:0;display:grid;grid-template-columns:64px 1fr 1.3fr 40px;gap:24px;align-items:center;padding:30px 18px;border-top:1px solid var(--line);text-decoration:none}
.area-row:last-child{border-bottom:1px solid var(--line)}
.area-row::before{content:"";position:absolute;inset:0;background:var(--beige);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-sweep);z-index:-1}
.area-row:hover::before,.area-row:focus-visible::before{transform:scaleX(1)}
.area-num{font-family:'Roboto Condensed',sans-serif;font-size:16px;color:var(--gold);transition:color .4s ease}
.area-title{font-family:'Roboto Condensed',sans-serif;font-size:clamp(22px,2.4vw,30px);color:var(--ink);transition:transform .5s var(--ease-out)}
.area-desc{font-size:16px;line-height:1.6;color:#8a8684;font-weight:300}
.area-arrow{font-size:16px;color:#bdb6b0;text-align:right;transition:transform .4s var(--ease-out),color .4s ease}
.area-row:hover .area-num{color:var(--burdeos)}
.area-row:hover .area-title{transform:translateX(8px)}
.area-row:hover .area-arrow{transform:translateX(6px);color:var(--burdeos)}
.help{max-width:1280px;margin:0 auto;padding:50px 40px 30px;position:relative}
.help>h2{max-width:760px;margin-bottom:64px;line-height:1.06}
.help-block{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:96px}
.help-block:last-of-type{margin-bottom:0}
.help-block .kicker{margin-bottom:18px}
.help-block h3{margin-bottom:18px}
.help-block .body-txt+ .dash-list, .help-block .dash-list{margin-bottom:18px}
.help-fig{height:520px}
.help-cta{margin-top:80px;display:flex;justify-content:center}
.intl{background:var(--teal);color:#fff;padding:120px 0;margin-top:80px;position:relative;overflow:hidden}
.intl-isotipo{position:absolute;right:-120px;top:50%;transform:translateY(-50%);width:560px;opacity:.07;filter:brightness(0) invert(1);pointer-events:none}
.intl h2{color:#fff;max-width:820px}
.intl .body-txt{color:rgba(255,255,255,.78);max-width:680px}
.intl-list{margin-top:56px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:760px}
.intl-list>div{display:flex;gap:14px;align-items:flex-start;font-size:16px;line-height:1.6;color:rgba(255,255,255,.86);font-weight:300}
.intl-list>div>span{color:var(--gold);flex:none}
.ten{background:var(--beige);padding:120px 0;position:relative;overflow:hidden}
.ten-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}
.ten-brand{display:flex;align-items:baseline;gap:16px;margin-bottom:8px}
.ten-brand .ten-word{font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:clamp(30px,4.4vw,54px);line-height:1;letter-spacing:.04em;color:var(--teal)}
.ten-brand .ten-sub{font-family:'Roboto Condensed',sans-serif;font-size:16px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted-2)}
.ten h2{max-width:540px;margin-top:18px;line-height:1.08}
.ten .body-txt{max-width:520px}
.ten-video{position:relative;height:520px;overflow:hidden;background:var(--teal);box-shadow:0 18px 50px rgba(47,82,77,.22)}
.ten-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ten-play{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;cursor:pointer;background:none}
.ten-play img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62;transition:transform 1.4s var(--ease-out),opacity .6s ease}
.ten-play:hover img{transform:scale(1.05);opacity:.72}
.ten-play .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(47,82,77,.25),rgba(47,82,77,.55))}
.ten-play .disc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;background:rgba(255,255,255,.96);display:flex;align-items:center;justify-content:center;transition:transform .5s var(--ease-out)}
.ten-play:hover .disc{transform:translate(-50%,-50%) scale(1.08)}
.ten-play .tri{display:block;width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:22px solid var(--teal);margin-left:6px}
.ten-play .cap{position:absolute;left:24px;bottom:22px;text-align:left;font-family:'Roboto Condensed',sans-serif;font-size:16px;letter-spacing:.16em;text-transform:uppercase;color:#fff}
.stats{margin-top:80px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--line-warm);border-bottom:1px solid var(--line-warm);padding:46px 0}
.stat{text-align:center}
.stat.mid{border-left:1px solid var(--line-warm);border-right:1px solid var(--line-warm)}
.stat-num{font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:clamp(30px,4.4vw,54px);line-height:1;color:var(--teal)}
.stat-label{margin-top:10px;font-family:'Roboto Condensed',sans-serif;font-size:16px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-3)}
.benefits{margin-top:50px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 60px}
.benefit{display:flex;gap:16px;align-items:flex-start;padding:6px 0}
.benefit>span:first-child{font-family:'Roboto Condensed',sans-serif;font-size:16px;color:var(--gold);margin-top:3px;flex:none}
.benefit>span:last-child{font-size:16px;line-height:1.6;color:var(--ink);font-weight:300}
.contact{max-width:1280px;margin:0 auto;padding:120px 40px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.contact h2{line-height:1.02}
.contact .body-txt{max-width:460px}
.contact-data{margin-top:44px;display:grid;gap:24px}
.contact-label{font-family:'Roboto Condensed',sans-serif;font-size:16px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:7px}
.contact-value{font-size:16px;line-height:1.6;color:var(--ink)}
.form-card{background:var(--beige);padding:44px 40px}
.form-card form{display:grid;gap:20px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.field{display:block}
.field>span{font-family:'Roboto Condensed',sans-serif;font-size:16px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}
.field input,.field textarea{width:100%;margin-top:8px;background:transparent;border:none;border-bottom:1px solid #d7cfc6;padding:9px 0;font-family:'Roboto',sans-serif;font-size:16px;color:var(--ink);outline:none;border-radius:0;transition:border-color .4s ease}
.field textarea{resize:none}
.field input:focus,.field textarea:focus{border-bottom-color:var(--burdeos)}
.form-note{font-size:16px;line-height:1.6;color:#a39a92;font-weight:300}
.form-card .btn-fill{margin-top:6px;justify-self:start}
.form-card .btn-fill.sent{background:var(--teal);pointer-events:none}
.form-card .btn-fill.sent::before{display:none}
@media (prefers-reduced-motion: no-preference){
  @keyframes ev-clip{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
  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 .ln:nth-child(4)>span{animation-delay:.50s}
  html.js .hero-in.d1{animation-delay:.62s}
  html.js .hero-in.d2{animation-delay:.74s}
  html.js .hero-in.d3{animation-delay:.86s}
  html.js .hero-fig{animation:ev-clip 1.15s var(--ease-out) .35s both}
  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{padding:150px 24px 60px}
  .hero-grid{grid-template-columns:1fr;gap:44px}
  .hero-fig{height:420px}
  .hero-watermark{font-size:clamp(90px,22vw,150px);bottom:-18px}
  .areas,.help,.contact{padding-left:24px;padding-right:24px}
  .firma-grid,.help-block,.ten-grid,.contact-grid{grid-template-columns:1fr}
  .values{grid-template-columns:1fr}
  .intl-list{grid-template-columns:1fr}
  .benefits{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr;gap:0}
  .stat{padding:30px 0}
  .stat.mid{border-left:none;border-right:none;border-top:1px solid var(--line-warm);border-bottom:1px solid var(--line-warm)}
  .area-row{grid-template-columns:44px 1fr 32px}
  .area-desc{display:none}
  .help-fig,.ten-video{height:380px}
  .rev-order{order:-1}
  .form-row{grid-template-columns:1fr}
  .form-card{padding:34px 26px}
}