/* =========================================================
   Umane — Editorial recruitment site
   Palette: cream + ink + coral · Fraunces display + Inter body
   ========================================================= */

:root{
  --cream:        #F6F0E4;
  --cream-deep:   #EEE5D2;
  --cream-soft:   #FBF7EE;
  --ink:          #1A1612;
  --ink-soft:     #2D2823;
  --muted:        #6E665B;
  --line:         #1A16121A;
  --coral:        #E94B3C;
  --coral-deep:   #C9352A;
  --coral-soft:   #FBD9D4;
  --olive:        #2A2823;

  --font-display: "Fraunces", "Georgia", serif;
  --font-body:    "Inter", -apple-system, "Helvetica Neue", sans-serif;

  --radius:   18px;
  --radius-l: 28px;
  --maxw: 1240px;
  --pad-x: clamp(20px, 5vw, 64px);

  --ease: cubic-bezier(.2,.7,.2,1);
}

*,*::before,*::after{ box-sizing:border-box }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{
  margin:0;
  background:var(--cream);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.6;
  font-feature-settings:"ss01","cv11";
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; cursor:pointer; }
.skip{
  position:absolute; left:-9999px; top:auto;
}
.skip:focus{ left:16px; top:16px; background:var(--ink); color:var(--cream); padding:10px 14px; border-radius:8px; z-index:100; }

/* ---------- HEADER ---------- */
.nav{
  position:fixed; top:0; left:0; right:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between;
  padding:18px var(--pad-x);
  backdrop-filter:saturate(140%) blur(14px);
  -webkit-backdrop-filter:saturate(140%) blur(14px);
  background:color-mix(in oklab, var(--cream) 78%, transparent);
  border-bottom:1px solid transparent;
  transition:border-color .25s var(--ease), padding .25s var(--ease);
}
.nav.is-scrolled{ border-bottom-color:var(--line); padding:12px var(--pad-x); }
.nav__brand{ display:flex; align-items:center; gap:10px; color:var(--ink); }
.nav__mark{ width:30px; height:33px; }
.nav__wordmark{
  font-family:var(--font-display);
  font-weight:600;
  font-size:26px;
  letter-spacing:-.025em;
  font-variation-settings:"SOFT" 30, "WONK" 0;
}
.nav__links{ display:flex; align-items:center; gap:28px; }
.nav__links a{
  font-size:14.5px; font-weight:500; color:var(--ink-soft);
  position:relative; padding:6px 0;
  transition:color .2s var(--ease);
}
.nav__links a:not(.nav__cta):hover{ color:var(--coral); }
.nav__links a:not(.nav__cta)::after{
  content:""; position:absolute; left:0; bottom:0; height:1.5px; width:0;
  background:var(--coral); transition:width .25s var(--ease);
}
.nav__links a:not(.nav__cta):hover::after{ width:100%; }
.nav__cta{
  background:var(--ink); color:var(--cream)!important;
  padding:10px 18px; border-radius:999px;
  transition:background .2s var(--ease), transform .2s var(--ease);
}
.nav__cta:hover{ background:var(--coral); transform:translateY(-1px); }
.nav__burger{
  display:none; background:none; border:0; padding:8px; gap:5px;
  flex-direction:column;
}
.nav__burger span{ width:22px; height:2px; background:var(--ink); display:block; transition:transform .25s var(--ease), opacity .2s; }
.nav__burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.nav__burger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.nav__burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* ---------- TYPOGRAPHY HELPERS ---------- */
.display{
  font-family:var(--font-display);
  font-weight:340;
  font-size:clamp(36px, 5.6vw, 76px);
  line-height:1.02;
  letter-spacing:-.025em;
  margin:0;
  font-variation-settings:"opsz" 144, "SOFT" 40, "WONK" 0;
}
.display em{
  font-style:italic;
  font-weight:340;
  color:var(--coral);
  font-variation-settings:"opsz" 144, "SOFT" 60, "WONK" 1;
}
.display--coral{ color:var(--coral); }
.kicker{
  display:inline-flex; align-items:center; gap:10px;
  font-size:12.5px; font-weight:600; letter-spacing:.18em; text-transform:uppercase;
  color:var(--muted);
}
.kicker::before{
  content:""; width:24px; height:1px; background:currentColor;
}
.lead{ font-size:clamp(17px, 1.5vw, 21px); line-height:1.55; color:var(--ink-soft); max-width:62ch; }

/* ---------- HERO ---------- */
.hero{
  position:relative;
  padding:140px var(--pad-x) 60px;
  min-height:100vh;
  display:flex; flex-direction:column; justify-content:space-between;
  background:
    radial-gradient(60% 50% at 80% 18%, rgba(233,75,60,.10), transparent 60%),
    radial-gradient(40% 60% at 10% 95%, rgba(42,40,35,.08), transparent 60%),
    var(--cream);
  overflow:hidden;
}
.hero__grid{
  max-width:var(--maxw); margin:0 auto; width:100%;
  display:grid;
  grid-template-columns:1.4fr 1fr;
  grid-template-areas:
    "eyebrow eyebrow"
    "title   mark"
    "lead    mark"
    "actions mark"
    "meta    meta";
  gap:34px 60px;
  align-items:start;
  flex:1;
}
.hero__eyebrow{
  grid-area:eyebrow;
  display:flex; align-items:center; gap:12px;
  font-size:13.5px; color:var(--muted);
}
.eyebrow-dot{
  width:8px; height:8px; border-radius:50%; background:var(--coral);
  animation:pulse 2.4s var(--ease) infinite;
}
@keyframes pulse{
  0%,100%{ transform:scale(1); opacity:1; }
  50%{ transform:scale(1.4); opacity:.65; }
}
.hero__title{
  grid-area:title;
  font-family:var(--font-display);
  font-weight:300;
  font-size:clamp(54px, 10vw, 148px);
  line-height:.92;
  letter-spacing:-.04em;
  margin:0;
  font-variation-settings:"opsz" 144, "SOFT" 50, "WONK" 0;
}
.hero__line{ display:block; opacity:0; transform:translateY(20px); animation:rise .9s var(--ease) forwards; }
.hero__line:nth-child(1){ animation-delay:.05s; }
.hero__line:nth-child(2){ animation-delay:.18s; }
.hero__line:nth-child(3){ animation-delay:.31s; }
.hero__title em{
  font-style:italic; color:var(--coral); font-weight:300;
  font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 1;
}
.dot{
  display:inline-block; width:.42em; height:.42em; border-radius:50%;
  background:currentColor; vertical-align:.08em; margin-left:.08em;
}
.dot--coral{ background:var(--coral); }
.dot--inline{ width:8px; height:8px; vertical-align:middle; margin:0 2px; }
@keyframes rise{ to{ opacity:1; transform:translateY(0); } }

.hero__lead{
  grid-area:lead;
  max-width:54ch;
  font-size:clamp(17px, 1.5vw, 21px);
  color:var(--ink-soft);
  margin:0;
  opacity:0; animation:rise .9s .5s var(--ease) forwards;
}
.hero__actions{
  grid-area:actions;
  display:flex; gap:14px; flex-wrap:wrap;
  opacity:0; animation:rise .9s .68s var(--ease) forwards;
}
.hero__meta{
  grid-area:meta;
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr));
  gap:24px;
  border-top:1px solid var(--line);
  padding-top:28px;
  margin-top:28px;
  opacity:0; animation:rise .9s .9s var(--ease) forwards;
}
.hero__meta .num{
  display:block; font-family:var(--font-display); font-weight:300;
  font-size:clamp(40px, 5vw, 64px); line-height:1; letter-spacing:-.03em;
  font-variation-settings:"opsz" 144, "SOFT" 50;
}
.hero__meta .lbl{
  display:block; margin-top:8px; font-size:13px; color:var(--muted); text-transform:uppercase; letter-spacing:.14em;
}
.hero__mark{
  grid-area:mark;
  width:min(420px, 38vw); justify-self:end; align-self:start;
  margin-top:10px;
  opacity:0; animation:rise 1s .35s var(--ease) forwards;
}
.hero__mark svg{ width:100%; height:auto; filter:drop-shadow(0 30px 50px rgba(26,22,18,.08)); }
.hero__dot{ transform-origin:center; }
.hero__dot--l{ animation:wobble 4s var(--ease) infinite; }
.hero__dot--r{ animation:wobble 4s var(--ease) infinite .8s; }
@keyframes wobble{
  0%,100%{ transform:translateY(0) }
  50%{ transform:translateY(-6px) }
}

.hero__ticker{
  position:absolute; left:0; right:0; bottom:0;
  background:var(--ink); color:var(--cream);
  padding:14px 0; overflow:hidden;
  border-top:1px solid var(--ink-soft);
}
.ticker{
  display:flex; gap:32px; white-space:nowrap;
  font-family:var(--font-display); font-weight:400;
  font-size:18px; letter-spacing:-.01em;
  animation:scroll 38s linear infinite;
}
.ticker span:nth-child(odd){ color:var(--coral); }
@keyframes scroll{
  from{ transform:translateX(0) }
  to{ transform:translateX(-50%) }
}

/* ---------- BUTTONS ---------- */
.btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:14px 22px;
  border-radius:999px;
  font-weight:500; font-size:15px;
  border:1px solid transparent;
  transition:transform .2s var(--ease), background .2s var(--ease), color .2s var(--ease), box-shadow .25s var(--ease);
  will-change:transform;
}
.btn--primary{
  background:var(--ink); color:var(--cream);
  box-shadow:0 10px 24px -10px rgba(26,22,18,.5);
}
.btn--primary:hover{ background:var(--coral); transform:translateY(-2px); box-shadow:0 14px 28px -10px rgba(233,75,60,.45); }
.btn--ghost{
  background:transparent; color:var(--ink);
  border-color:var(--ink);
}
.btn--ghost:hover{ background:var(--ink); color:var(--cream); transform:translateY(-2px); }
.btn--block{ width:100%; justify-content:center; padding:16px 22px; }

/* ---------- SECTIONS ---------- */
.section{
  padding:120px var(--pad-x);
  max-width:var(--maxw);
  margin:0 auto;
}
.section__head{ max-width:780px; margin-bottom:72px; }
.section__head .display{ margin-top:20px; }
.section__sub{ margin-top:20px; color:var(--muted); max-width:60ch; }

/* NOSOTROS */
.section--nosotros{ border-top:1px solid var(--line); }
.nosotros__grid{
  display:grid; grid-template-columns:1fr 1.1fr; gap:80px;
  align-items:start;
}
.nosotros__copy p + p{ margin-top:18px; }
.valores{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(2, minmax(0,1fr));
  gap:0;
  border:1px solid var(--line);
  border-radius:var(--radius-l);
  overflow:hidden;
  background:var(--cream-soft);
}
.valores li{
  display:flex; gap:16px; align-items:flex-start;
  padding:28px 26px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  transition:background .25s var(--ease);
}
.valores li:hover{ background:var(--cream-deep); }
.valores li:nth-child(2n){ border-right:0; }
.valores li:nth-last-child(-n+2){ border-bottom:0; }
.valores svg{
  flex:0 0 28px; width:28px; height:28px;
  color:var(--coral);
  margin-top:2px;
}
.valores strong{ display:block; font-size:16px; font-weight:600; margin-bottom:4px; }
.valores em{ font-style:normal; color:var(--muted); font-size:14.5px; }

/* SERVICIOS */
.section--servicios{ background:var(--ink); color:var(--cream); border-radius:var(--radius-l); max-width:none; margin:0; padding-left:0; padding-right:0; }
.section--servicios > .section__head,
.section--servicios > .cards{ max-width:var(--maxw); margin-left:auto; margin-right:auto; padding-left:var(--pad-x); padding-right:var(--pad-x); }
.section--servicios .kicker{ color:#A8A096; }
.section--servicios .display{ color:var(--cream); }
.section--servicios .display em{ color:var(--coral); }
.cards{
  display:grid; grid-template-columns:repeat(12, 1fr); gap:24px;
}
.card{
  background:#252220;
  color:var(--cream);
  border-radius:var(--radius-l);
  padding:40px 36px;
  border:1px solid rgba(255,255,255,.06);
  position:relative;
  overflow:hidden;
  transition:transform .35s var(--ease), background .25s var(--ease);
}
.card:hover{ transform:translateY(-4px); }
.card:nth-child(1){ grid-column:span 7; }
.card:nth-child(2){ grid-column:span 5; }
.card:nth-child(3){ grid-column:span 5; }
.card:nth-child(4){ grid-column:span 7; }
.card--accent{ background:var(--coral); color:var(--cream); border-color:rgba(255,255,255,.18); }
.card--dark{ background:var(--cream); color:var(--ink); border-color:var(--line); }
.card__num{
  font-family:var(--font-display); font-size:14px; opacity:.6;
  letter-spacing:.06em;
}
.card h3{
  font-family:var(--font-display); font-weight:340;
  font-size:clamp(28px, 3vw, 40px); letter-spacing:-.02em;
  margin:14px 0 16px;
  line-height:1.05;
  font-variation-settings:"opsz" 144, "SOFT" 40;
}
.card p{ opacity:.86; max-width:48ch; }
.card__list{
  list-style:none; padding:0; margin:24px 0 0;
}
.card__list li{
  display:flex; align-items:center; gap:10px;
  padding:10px 0;
  border-top:1px solid rgba(255,255,255,.1);
  font-size:15px;
}
.card--dark .card__list li{ border-top-color:var(--line); }
.card__list li::before{
  content:""; width:6px; height:6px; background:currentColor; border-radius:50%;
}
.card__chips{
  list-style:none; padding:0; margin:24px 0 0;
  display:flex; flex-wrap:wrap; gap:8px;
}
.card__chips li{
  font-size:13px; padding:7px 14px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
}
.card__chips--dark li{ border-color:var(--line); color:var(--ink); }

/* EQUIPO */
.section--equipo{ padding-top:140px; padding-bottom:140px; }
.team{
  display:grid; grid-template-columns:1fr 1fr; gap:64px;
}
.person{ position:relative; }
.person__photo{
  position:relative;
  border-radius:var(--radius-l);
  overflow:hidden;
  aspect-ratio: 4/5;
  background:var(--cream-deep);
}
.person__photo img{
  width:100%; height:100%; object-fit:cover;
  transition:transform .8s var(--ease), filter .5s var(--ease);
  filter:saturate(.92) contrast(1.02);
}
.person:hover .person__photo img{ transform:scale(1.04); }
.person--alt .person__photo{ background:var(--ink); }
.person__sticker{
  position:absolute; left:20px; top:20px;
  background:var(--cream);
  color:var(--ink);
  font-size:12.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase;
  padding:8px 14px; border-radius:999px;
}
.person--alt .person__sticker{ background:var(--coral); color:var(--cream); }
.person__body{ padding:28px 4px 0; }
.person__body h3{
  font-family:var(--font-display); font-weight:340;
  font-size:clamp(28px, 3vw, 38px); letter-spacing:-.02em;
  margin:0 0 6px;
  font-variation-settings:"opsz" 144, "SOFT" 40;
}
.person__role{
  margin:0 0 14px;
  font-size:14px; text-transform:uppercase; letter-spacing:.16em; color:var(--coral);
  font-weight:500;
}
.person__body p{ color:var(--ink-soft); max-width:52ch; }
.person__link{
  display:inline-flex; align-items:center; gap:8px;
  margin-top:18px;
  font-weight:500; font-size:14px;
  color:var(--ink);
  border-bottom:1px solid var(--ink);
  padding-bottom:2px;
  transition:color .2s var(--ease), border-color .2s var(--ease);
}
.person__link:hover{ color:var(--coral); border-color:var(--coral); }

/* PROCESO */
.section--proceso{ background:var(--cream-soft); border-radius:var(--radius-l); max-width:none; margin:0; padding-left:0; padding-right:0; }
.section--proceso > .section__head,
.section--proceso > .steps{ max-width:var(--maxw); margin-left:auto; margin-right:auto; padding-left:var(--pad-x); padding-right:var(--pad-x); }
.steps{
  list-style:none; padding:0; margin:0;
  display:grid; grid-template-columns:repeat(5, 1fr); gap:0;
  border-top:1px solid var(--line);
}
.steps li{
  padding:36px 24px 36px 0;
  border-right:1px solid var(--line);
  position:relative;
  transition:background .3s var(--ease);
}
.steps li:last-child{ border-right:0; padding-right:0; }
.steps li:hover{ background:var(--cream-deep); }
.steps__num{
  display:inline-block;
  font-family:var(--font-display); font-weight:340; font-size:20px;
  color:var(--coral);
  margin-bottom:18px;
}
.steps h3{
  font-family:var(--font-display); font-weight:400; font-size:22px;
  margin:0 0 10px; line-height:1.15;
  letter-spacing:-.01em;
}
.steps p{ font-size:14.5px; color:var(--muted); line-height:1.55; max-width:32ch; }

/* CONTACTO */
.section--contacto{ padding-top:140px; }
.contacto__grid{
  display:grid; grid-template-columns:1fr 1.05fr; gap:80px;
  align-items:start;
}
.contacto__intro .display{ margin-top:20px; }
.contacto__meta{
  list-style:none; padding:0; margin:40px 0 0;
  border-top:1px solid var(--line);
}
.contacto__meta li{
  display:grid; grid-template-columns:140px 1fr; gap:20px;
  padding:18px 0;
  border-bottom:1px solid var(--line);
  font-size:15px;
}
.contacto__meta .lbl{
  font-size:12.5px; text-transform:uppercase; letter-spacing:.16em; color:var(--muted);
  padding-top:2px;
}
.contacto__meta a{ color:var(--ink); border-bottom:1px solid var(--ink); }
.contacto__meta a:hover{ color:var(--coral); border-color:var(--coral); }
.contacto__cv{
  margin-top:40px; padding:28px;
  background:var(--cream-deep); border-radius:var(--radius);
}
.contacto__cv h3{
  font-family:var(--font-display); font-weight:340; font-size:24px; margin:0 0 8px;
  letter-spacing:-.01em;
}
.contacto__cv p{ margin:0; color:var(--ink-soft); }
.contacto__cv a{ color:var(--coral); border-bottom:1px solid var(--coral); }

/* FORM */
.form{
  background:var(--cream-soft);
  border:1px solid var(--line);
  border-radius:var(--radius-l);
  padding:40px;
}
.form__intro{
  font-size:12.5px; text-transform:uppercase; letter-spacing:.16em;
  color:var(--muted); margin:0 0 26px;
  display:flex; align-items:center; gap:10px;
}
.form__intro::before{ content:""; width:24px; height:1px; background:var(--muted); }
.field{ margin-bottom:18px; }
.field-row{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:18px; }
.field-row .field{ margin-bottom:0; }
.field label{
  display:block; font-size:13.5px; font-weight:500;
  color:var(--ink-soft); margin-bottom:8px;
}
.field .opt{ color:var(--muted); font-weight:400; }
.field input, .field select, .field textarea{
  width:100%; padding:14px 16px;
  background:var(--cream);
  border:1px solid var(--line);
  border-radius:12px;
  font:inherit; color:var(--ink);
  transition:border-color .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease);
}
.field textarea{ resize:vertical; min-height:120px; }
.field input:focus, .field select:focus, .field textarea:focus{
  outline:none; border-color:var(--ink);
  background:#fff;
  box-shadow:0 0 0 4px color-mix(in oklab, var(--ink) 8%, transparent);
}
.field input:user-invalid, .field select:user-invalid, .field textarea:user-invalid{
  border-color:var(--coral);
}
.check{
  display:flex; align-items:flex-start; gap:12px;
  font-size:13.5px; color:var(--ink-soft); line-height:1.5;
  margin:8px 0 24px;
}
.check input{
  margin-top:3px; flex:0 0 18px; width:18px; height:18px;
  accent-color:var(--coral);
}
.check a{ color:var(--ink); border-bottom:1px solid var(--ink); }
.check a:hover{ color:var(--coral); border-color:var(--coral); }
.form__status{
  margin:18px 0 0; min-height:1.5em; font-size:14px; font-weight:500;
}
.form__status.is-ok{ color:#1c7a3a; }
.form__status.is-err{ color:var(--coral-deep); }

/* FOOTER */
.footer{
  background:var(--ink);
  color:#BCB4A8;
  padding:80px var(--pad-x) 32px;
  margin-top:80px;
}
.footer__top{
  max-width:var(--maxw); margin:0 auto;
  display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:48px;
  padding-bottom:48px;
  border-bottom:1px solid #2D2823;
}
.footer__brand{ color:var(--cream); }
.footer__brand p{ margin:18px 0 0; font-size:14.5px; line-height:1.55; }
.footer__mark{ width:44px; height:48px; color:var(--cream); }
.footer__col h4{
  font-family:var(--font-display); font-weight:400;
  font-size:13px; text-transform:uppercase; letter-spacing:.18em;
  color:var(--cream); margin:0 0 16px;
}
.footer__col a{ display:block; padding:6px 0; font-size:14.5px; color:#BCB4A8; transition:color .2s var(--ease); }
.footer__col a:hover{ color:var(--coral); }
.footer__bottom{
  max-width:var(--maxw); margin:0 auto;
  display:flex; justify-content:space-between; align-items:center;
  padding-top:32px; font-size:13px; color:#857E73;
}

/* ---------- REVEAL ANIM ON SCROLL ---------- */
[data-reveal]{
  transform:translateY(14px);
  transition:transform .8s var(--ease);
}
[data-reveal].in{
  transform:translateY(0);
}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1080px){
  .hero__grid{
    grid-template-columns:1fr;
    grid-template-areas:
      "eyebrow"
      "mark"
      "title"
      "lead"
      "actions"
      "meta";
    gap:24px;
  }
  .hero__mark{ width:160px; justify-self:start; }
  .nosotros__grid{ grid-template-columns:1fr; gap:48px; }
  .cards .card{ grid-column:span 12 !important; }
  .team{ grid-template-columns:1fr; gap:64px; }
  .steps{ grid-template-columns:1fr 1fr; }
  .steps li{ border-right:0; border-bottom:1px solid var(--line); padding-right:24px; }
  .steps li:nth-child(2n){ }
  .steps li:nth-child(2n+1){ border-right:1px solid var(--line); padding-right:24px; }
  .steps li:last-child{ border-bottom:0; }
  .contacto__grid{ grid-template-columns:1fr; gap:56px; }
  .footer__top{ grid-template-columns:1fr 1fr; gap:36px; }
}

@media (max-width:720px){
  .nav__links{
    position:fixed; inset:64px 16px auto 16px;
    background:var(--cream); border:1px solid var(--line); border-radius:18px;
    flex-direction:column; align-items:stretch; gap:0; padding:12px;
    transform:translateY(-12px); opacity:0; pointer-events:none;
    transition:opacity .2s var(--ease), transform .2s var(--ease);
  }
  .nav__links a{ padding:14px 12px; border-bottom:1px solid var(--line); }
  .nav__links a:last-child{ border:0; }
  .nav__links.is-open{ opacity:1; transform:none; pointer-events:auto; }
  .nav__burger{ display:flex; }
  .nav__cta{ text-align:center; }
  .hero{ padding-top:120px; }
  .hero__meta{ grid-template-columns:1fr; gap:18px; }
  .section{ padding:80px var(--pad-x); }
  .section__head{ margin-bottom:48px; }
  .valores{ grid-template-columns:1fr; }
  .valores li{ border-right:0; }
  .valores li:nth-last-child(-n+2){ border-bottom:1px solid var(--line); }
  .valores li:last-child{ border-bottom:0; }
  .field-row{ grid-template-columns:1fr; }
  .form{ padding:28px 22px; }
  .footer__top{ grid-template-columns:1fr; }
  .footer__bottom{ flex-direction:column; gap:10px; text-align:center; }
  .steps{ grid-template-columns:1fr; }
  .steps li{ border-right:0 !important; padding-right:0; }
  .contacto__meta li{ grid-template-columns:1fr; gap:4px; }
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important; animation-iteration-count:1 !important;
    transition-duration:.001ms !important; scroll-behavior:auto !important;
  }
}