/* EVENOR — estilos propios de page-contacto.php */
.hero-inner{background:var(--beige);padding:170px 40px 80px;position:relative;overflow:hidden}
.hero-inner .wrap-hero{max-width:1280px;margin:0 auto;position:relative;z-index:1}
.hero-inner h1{font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:clamp(34px,4.6vw,58px);line-height:1.03;letter-spacing:-.012em;text-transform:uppercase;color:var(--ink);max-width:920px}
.hero-inner .intro{margin-top:28px;max-width:640px}
.hero-watermark{position:absolute;right:-2%;bottom:-42px;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}
.contact{max-width:1280px;margin:0 auto;padding:100px 40px}
.contact-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:start}
.contact-data{display:grid;gap:30px}
.contact-block{border-top:1px solid var(--line-warm);padding-top:22px}
.contact-block:first-child{border-top:none;padding-top:0}
.contact-label{font-family:'Roboto Condensed',sans-serif;font-size:16px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:9px}
.contact-value{font-size:16px;line-height:1.7;color:var(--ink)}
.contact-value a{text-decoration:none;transition:color .3s ease}
.contact-value a:hover{color:var(--burdeos)}
.contact-row{display:flex;gap:56px;flex-wrap:wrap}
.langs{margin-top:6px;display:flex;flex-wrap:wrap;gap:9px}
.lang-chip{font-family:'Roboto Condensed',sans-serif;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-warm);padding:6px 13px;transition:border-color .35s ease,color .35s ease}
.lang-chip:hover{border-color:var(--gold);color:var(--ink)}
.form-card{background:var(--beige);padding:48px 44px;scroll-margin-top:120px}
.form-card>.contact-label{margin-bottom:26px}
.form-card form{display:grid;gap:22px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.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:15px;line-height:1.65;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}
.closing{max-width:1280px;margin:0 auto;padding:0 40px 110px}
.closing-fig{position:relative;height:340px;overflow:hidden;background:var(--beige)}
.closing-fig .fig-media{position:absolute;left:0;right:0;top:-34px;bottom:-34px;will-change:transform}
.closing-fig img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.4s var(--ease-out)}
.closing-fig:hover img{transform:scale(1.05)}
.closing-fig .fig-frame{position:absolute;inset:16px;border:1px solid rgba(255,255,255,.4);pointer-events:none;transition:inset .8s var(--ease-out)}
.closing-fig:hover .fig-frame{inset:10px}
.closing-fig .caption{position:absolute;left:34px;bottom:30px;z-index:2;max-width:520px}
.closing-fig .caption .veil-txt{font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:clamp(22px,2.4vw,30px);line-height:1.12;text-transform:uppercase;color:#fff;text-shadow:0 2px 24px rgba(47,51,49,.55)}
.closing-fig::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(47,51,49,0) 40%,rgba(47,51,49,.55));z-index:1;pointer-events:none}
@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:.52s}
  html.js .hero-in.d2{animation-delay:.64s}
  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-inner{padding:140px 24px 60px}
  .hero-watermark{font-size:clamp(90px,22vw,150px);bottom:-18px}
  .contact,.closing{padding-left:24px;padding-right:24px}
  .contact-grid{grid-template-columns:1fr;gap:50px}
  .form-row{grid-template-columns:1fr}
  .form-card{padding:34px 26px}
  .contact-row{gap:32px}
  .closing-fig{height:280px}
}
