/* ==========================================================================
   KITED.PRO — hoja de estilos principal
   ========================================================================== */

/* ---------- Tipografías (self-hosted, sin llamadas a Google = GDPR ok) ---- */
@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/bebas-neue-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/bebas-neue-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/inter-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/inter-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* ---------- Tokens ------------------------------------------------------- */
:root{
  --bg:#080808;
  --bg-alt:#0b0b0b;
  --card-a:#0d0d0d;
  --card-b:#0a0a0a;
  --line:#1a1a1a;
  --line-2:#222;
  --line-3:#333;
  --ink:#f5f5f5;
  --ink-soft:#9a9a9a;
  --ink-dim:#666;
  --ink-faint:#555;
  --gold:#f5c518;
  --gold-dark:#d4af37;
  --max:1280px;
  --pad:40px;
  --display:'Bebas Neue',Impact,'Haettenschweiler','Arial Narrow Bold',sans-serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}

/* ---------- Reset -------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--sans);font-size:16px;line-height:1.5;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%;}
img{height:auto;}
a{color:inherit;text-decoration:none;}
a:hover{color:var(--gold);}
button,input{font:inherit;color:inherit;}
button{cursor:pointer;}
h1,h2,h3,p{margin:0;}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}

.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad);}
.skip{position:absolute;left:0;top:0;z-index:200;background:var(--gold);color:#080808;padding:12px 20px;font-weight:700;transform:translateY(-140%);}
.skip:focus{transform:translateY(0);}

/* ---------- Utilidades tipográficas -------------------------------------- */
.display{font-family:var(--display);letter-spacing:1px;line-height:.9;}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
.h2{font-family:var(--display);font-size:clamp(40px,6vw,64px);line-height:.9;letter-spacing:1px;color:var(--ink);}
.lead{font-size:14px;line-height:1.6;color:var(--ink-dim);}
.gold{color:var(--gold);}

/* ---------- Botones ------------------------------------------------------ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 26px;font-size:13px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;border:1px solid transparent;transition:background .18s,border-color .18s,color .18s;
}
.btn--primary{background:var(--gold);color:#080808;}
.btn--primary:hover{background:var(--gold-dark);color:#080808;}
.btn--ghost{border-color:var(--line-3);color:var(--ink);}
.btn--ghost:hover{border-color:var(--gold);color:var(--gold);}
.btn--sm{padding:11px 20px;font-size:12px;}
.btn--block{display:flex;width:100%;justify-content:space-between;padding:18px 24px;font-size:14px;}

/* ---------- Nav ---------------------------------------------------------- */
.nav{
  position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  gap:20px;padding:18px var(--pad);background:rgba(8,8,8,.85);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);
}
.brand{font-family:var(--display);font-size:30px;letter-spacing:1px;line-height:1;color:var(--ink);}
.brand:hover{color:var(--ink);}
.nav__right{display:flex;align-items:center;gap:34px;}
.nav__links{display:flex;gap:28px;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;}
.nav__actions{display:flex;align-items:center;gap:16px;}
.cart{position:relative;display:flex;align-items:center;background:none;border:0;padding:0;}
.cart__badge{
  position:absolute;top:-8px;right:-10px;min-width:18px;height:18px;padding:0 4px;
  display:none;align-items:center;justify-content:center;background:var(--gold);color:#080808;
  font-size:11px;font-weight:700;border-radius:9px;
}
.cart.is-full .cart__badge{display:flex;}
.nav__toggle{display:none;background:none;border:1px solid var(--line-3);padding:9px 11px;line-height:0;}

/* ---------- Hero --------------------------------------------------------- */
.hero{
  display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;
  max-width:var(--max);margin:0 auto;padding:70px var(--pad) 40px;
}
.badge{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border:1px solid var(--line-2);margin-bottom:30px;}
.badge__dot{width:7px;height:7px;background:var(--gold);border-radius:50%;}
.badge__txt{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);}
.hero h1{font-family:var(--display);font-size:clamp(64px,10vw,148px);line-height:.86;letter-spacing:2px;margin:0 0 22px;}
.hero__sub{max-width:440px;font-size:17px;line-height:1.6;color:var(--ink-soft);margin:0 0 34px;}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:52px;}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;border-top:1px solid var(--line);padding-top:26px;}
.stat__n{font-family:var(--display);font-size:40px;line-height:1;color:var(--gold);}
.stat__n--plain{color:var(--ink);}
.stat__l{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);margin-top:4px;}

.hero__art{position:relative;display:flex;align-items:center;justify-content:center;min-height:520px;}
.rotativa{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:520px;}
.rotativa__glow{position:absolute;width:440px;height:440px;max-width:100%;border-radius:50%;filter:blur(20px);}
.rotativa__glow span{position:absolute;inset:0;border-radius:50%;opacity:0;animation:kcycle 8.4s ease-in-out infinite;}
.rotativa__stack{position:relative;width:min(400px,80vw);height:470px;animation:kfloat 7s ease-in-out infinite;filter:drop-shadow(0 40px 55px rgba(0,0,0,.7));}
.rotativa__stack img{
  position:absolute;bottom:0;left:50%;transform:translateX(-50%);
  max-width:100%;max-height:100%;width:auto;opacity:0;animation:kcycle 8.4s ease-in-out infinite;
}
/* Los retardos escalonados necesitan la misma especificidad que la regla que
   fija la animación (.rotativa__stack img), porque el atajo `animation`
   reinicia animation-delay. Con solo .d1 la regla pierde y las tres camisetas
   van sincronizadas en vez de turnarse. */
.rotativa__stack img.d0,.rotativa__glow span.d0{animation-delay:0s;}
.rotativa__stack img.d1,.rotativa__glow span.d1{animation-delay:2.8s;}
.rotativa__stack img.d2,.rotativa__glow span.d2{animation-delay:5.6s;}

/* Con "reducir movimiento" la animación se anula y todo volvería a opacity:0,
   dejando el hueco vacío: ahí mostramos fija la primera camiseta. */
@media (prefers-reduced-motion:reduce){
  .rotativa__stack img.d0{opacity:1;}
  .rotativa__glow span.d0{opacity:.85;}
}
@keyframes kfloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}
@keyframes kcycle{0%{opacity:0;}5%{opacity:1;}30%{opacity:1;}38%{opacity:0;}100%{opacity:0;}}
@keyframes kfade{from{opacity:0;transform:scale(.96);}to{opacity:1;transform:scale(1);}}
@keyframes ktoast{from{opacity:0;transform:translate(-50%,14px);}to{opacity:1;transform:translate(-50%,0);}}

/* ---------- Franja licencias --------------------------------------------- */
.licencias{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-alt);}
.licencias__in{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;padding-top:26px;padding-bottom:26px;}
.licencias__claim{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;}
.licencias__logos{display:flex;align-items:center;gap:46px;flex-wrap:wrap;}
.licencias__logos img{height:54px;width:auto;display:block;}

/* ---------- Secciones ---------------------------------------------------- */
.section{padding-top:90px;padding-bottom:90px;}
.section--alt{border-top:1px solid var(--line);background:var(--bg-alt);}
.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:38px;}
.section__head p{max-width:340px;}

/* ---------- Tarjetas de equipo ------------------------------------------- */
.teams{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.teams > *,.steps > *,.guarantees > *{min-width:0;}
.team{
  position:relative;border:1px solid var(--line);background:linear-gradient(180deg,var(--card-a),var(--card-b));
  padding:30px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;
}
.team__glow{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:300px;height:300px;border-radius:50%;opacity:.22;pointer-events:none;}
.team__shot{position:relative;width:100%;height:250px;margin-bottom:10px;}
.team__shot img{width:100%;height:250px;object-fit:contain;object-position:center bottom;display:block;filter:drop-shadow(0 20px 28px rgba(0,0,0,.55));}
.team__meta{position:relative;display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.team__meta img{height:34px;width:auto;}
.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid #2a2a1a;background:rgba(245,197,24,.08);}
.chip span{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);}
.team h3{position:relative;font-family:var(--display);font-size:34px;line-height:1;letter-spacing:.5px;margin:0 0 18px;}
.specs{position:relative;width:100%;margin-bottom:22px;border-top:1px solid var(--line);}
.specs div{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #151515;}
.specs div:last-child{border-bottom:0;}
.specs dt,.specs .k{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);}
.specs dd,.specs .v{margin:0;font-size:12px;font-weight:600;color:var(--ink);}
.team .btn{position:relative;width:100%;justify-content:space-between;padding:13px 18px;font-size:12px;}

/* ---------- Configurador ------------------------------------------------- */
.config{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);}
.config > *{min-width:0;}
.config__preview{
  position:relative;display:flex;align-items:center;justify-content:center;min-height:600px;
  background:radial-gradient(circle at 50% 40%,#111 0%,#080808 70%);
  border-right:1px solid var(--line);padding:40px;
}
.config__tag{position:absolute;top:26px;left:26px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);}
.config__glow{position:absolute;width:380px;height:380px;max-width:90%;border-radius:50%;opacity:.4;filter:blur(24px);pointer-events:none;}
.shirt{
  position:relative;width:100%;max-width:100%;container-type:inline-size;
  filter:drop-shadow(0 30px 50px rgba(0,0,0,.55));animation:kfade .35s ease;
}
.shirt img{width:100%;display:block;}
.shirt__name,.shirt__num{
  position:absolute;left:0;right:0;text-align:center;font-family:var(--display);
  line-height:1;font-weight:700;paint-order:stroke fill;white-space:nowrap;overflow:hidden;
  color:var(--back-ink,#1a1a1a);-webkit-text-stroke:var(--back-stroke,0 transparent);
}
.shirt__name{
  top:var(--name-top,22%);transform:translateY(-50%) skewX(var(--name-skew,0deg));
  font-size:var(--name-size,7.5cqw);letter-spacing:.55cqw;text-shadow:0 1px 1px rgba(0,0,0,.35);
}
.shirt__num{
  top:var(--num-top,42%);transform:translateY(-50%);
  font-size:var(--num-size,38cqw);text-shadow:0 2px 2px rgba(0,0,0,.35);
}

.config__panel{padding:38px 40px;display:flex;flex-direction:column;gap:26px;}
.field > label,.field__label{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:12px;}
.picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.picker button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;background:var(--card-a);border:1px solid var(--line-2);color:#888;transition:border-color .18s,background .18s,color .18s;}
.picker button img{height:40px;width:auto;}
.picker button span{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;}
.picker button:hover{border-color:#3a3a2a;}
.picker button[aria-pressed="true"]{background:rgba(245,197,24,.1);border-color:var(--gold);color:var(--gold);}
.details{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.details figure{position:relative;margin:0;aspect-ratio:1;border:1px solid var(--line-2);background:var(--card-a);overflow:hidden;}
.details img{width:100%;height:100%;object-fit:cover;display:block;}
.details figcaption{position:absolute;left:0;right:0;bottom:0;padding:8px 6px 4px;background:linear-gradient(transparent,rgba(0,0,0,.82));font-size:8.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);}

.acc__btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;background:transparent;border:1px solid var(--line-3);color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:border-color .18s,color .18s;}
.acc__btn:hover{border-color:var(--gold);color:var(--gold);}
.acc__btn span{display:inline-flex;align-items:center;gap:10px;}
.acc__chev{font-size:16px;line-height:1;transition:transform .2s;}
.acc__btn[aria-expanded="true"] .acc__chev{transform:rotate(180deg);}
.acc__body{border:1px solid var(--line-2);border-top:none;}
.acc__body[hidden]{display:none;}
.minitable{display:grid;grid-template-columns:.7fr 1fr 1fr 1.1fr;}
.minitable--head{background:#111;border-bottom:2px solid var(--gold);}
.minitable--head div{padding:11px 14px;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#888;}
.minitable--head div:first-child{color:var(--gold);}
.minitable--row{border-bottom:1px solid #161616;}
.minitable--row div{padding:11px 14px;font-size:13px;color:var(--ink);display:flex;align-items:center;}
.minitable--row div:first-child{font-family:var(--display);font-size:20px;line-height:1;color:var(--gold);}
.minitable--row div:last-child{font-size:12px;color:#888;}
.acc__note{padding:11px 14px;font-size:11px;color:var(--ink-faint);}

.grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:16px;}
.input{width:100%;padding:14px 16px;background:var(--card-a);border:1px solid var(--line-2);color:var(--ink);font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:border-color .18s;}
.input:focus{border-color:var(--gold);outline:none;}
.input--num{font-weight:700;text-align:center;letter-spacing:0;}
.sizes{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;}
.sizes button{padding:12px 0;background:var(--card-a);border:1px solid var(--line-2);color:#888;font-size:13px;font-weight:700;transition:border-color .18s,background .18s,color .18s;}
.sizes button:hover{border-color:#3a3a2a;}
.sizes button[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:#080808;}
.buy{margin-top:auto;border-top:1px solid var(--line);padding-top:24px;}
.buy__row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px;}
.buy__row span:first-child{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);}
.price{font-family:var(--display);font-size:46px;line-height:1;color:var(--ink);}

/* ---------- Tabla de tallas ---------------------------------------------- */
.table{border:1px solid var(--line);}
.table__row{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;border-bottom:1px solid #161616;}
.table__row:last-child{border-bottom:0;}
.table__row--head{background:#111;border-bottom:2px solid var(--gold);}
.table__row--head div{padding:16px 22px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#888;}
.table__row--head div:first-child{color:var(--gold);}
.table__row:not(.table__row--head) div{padding:15px 22px;font-size:14px;color:var(--ink);display:flex;align-items:center;}
.table__row:not(.table__row--head) div:first-child{font-family:var(--display);font-size:24px;line-height:1;color:var(--gold);}
.table__row:not(.table__row--head) div:last-child{font-size:13px;color:#888;}
.table__note{margin-top:16px;font-size:12px;color:var(--ink-faint);}
.table__scroll{overflow-x:auto;}

/* ---------- Pasos y garantías -------------------------------------------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);}
.step{padding:34px 28px;border-right:1px solid var(--line);}
.step:last-child{border-right:0;}
.step__n{font-family:var(--display);font-size:28px;color:var(--gold);margin-bottom:20px;}
.step__ico,.guar__ico{margin-bottom:16px;line-height:0;}
.step h3,.guar h3{font-size:16px;font-weight:700;margin:0 0 8px;}
.step p,.guar p{font-size:13px;line-height:1.55;color:var(--ink-dim);}
.guarantees{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);}
.guar{padding:34px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);}
.guar h3{font-size:17px;}

/* ---------- Footer ------------------------------------------------------- */
.footer{border-top:1px solid var(--line);background:var(--bg-alt);}
.footer__in{padding-top:56px;padding-bottom:40px;}
.footer__top{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:40px;border-bottom:1px solid var(--line);}
.footer__brand{font-family:var(--display);font-size:32px;letter-spacing:1px;margin-bottom:14px;}
.footer__about{max-width:340px;font-size:13px;line-height:1.6;color:var(--ink-dim);}
.footer__cols{display:flex;gap:60px;flex-wrap:wrap;}
.footer__title{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;}
.footer__list{display:flex;flex-direction:column;gap:10px;font-size:13px;}
.footer__list a{color:#999;}
.footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;font-size:12px;color:var(--ink-faint);}

/* ---------- Toast -------------------------------------------------------- */
.toast{
  position:fixed;bottom:34px;left:50%;transform:translateX(-50%);z-index:100;
  display:flex;align-items:center;gap:14px;padding:16px 24px;background:var(--gold);color:#080808;
  box-shadow:0 20px 50px rgba(0,0,0,.5);animation:ktoast .3s ease;
}
.toast[hidden]{display:none;}
.toast span{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}

/* ---------- Páginas de texto (legal) ------------------------------------- */
.doc{max-width:820px;padding-top:70px;padding-bottom:90px;}
.doc h1{font-family:var(--display);font-size:clamp(44px,8vw,80px);line-height:.92;letter-spacing:1px;margin:0 0 28px;}
.doc h2{font-size:19px;font-weight:700;margin:38px 0 10px;color:var(--ink);}
.doc p,.doc li{font-size:15px;line-height:1.7;color:var(--ink-soft);}
.doc ul{padding-left:20px;}
.doc p+p{margin-top:12px;}
.doc__note{border:1px solid #3a2f10;background:rgba(245,197,24,.06);padding:16px 20px;font-size:13.5px;color:var(--gold);margin-bottom:34px;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:1100px){
  .hero{grid-template-columns:1fr;padding-top:48px;}
  .hero__art{order:-1;min-height:auto;}
  .rotativa{height:420px;}
  .rotativa__stack{height:380px;}
  .teams{grid-template-columns:1fr;max-width:460px;margin:0 auto;}
  .config{grid-template-columns:1fr;}
  .config__preview{border-right:0;border-bottom:1px solid var(--line);min-height:460px;padding:32px 24px 40px;}
  .steps{grid-template-columns:repeat(2,1fr);}
  .step:nth-child(2n){border-right:0;}
  .step:nth-child(-n+2){border-bottom:1px solid var(--line);}
  .guarantees{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:860px){
  :root{--pad:22px;}
  .nav__toggle{display:inline-flex;}
  .nav__right{gap:14px;}
  .nav__links{
    position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;gap:0;
    background:#0b0b0b;border-bottom:1px solid var(--line);padding:8px 0;
  }
  .nav__links.is-open{display:flex;}
  .nav__links a{padding:14px var(--pad);border-bottom:1px solid #131313;}
  .nav__links a:last-child{border-bottom:0;}
  .nav .btn--sm{display:none;}
  .section{padding-top:60px;padding-bottom:60px;}
  .stats{grid-template-columns:repeat(2,1fr);gap:22px 18px;}
  .config__panel{padding:28px 22px;}
  .licencias__in{justify-content:center;text-align:center;}
  .licencias__logos{gap:30px;}
  .footer__cols{gap:40px;}
}
@media (max-width:620px){
  .steps,.guarantees{grid-template-columns:1fr;}
  .step{border-right:0;border-bottom:1px solid var(--line);}
  .step:last-child{border-bottom:0;}
  .guar{border-right:0;}
  .grid-2-1{grid-template-columns:1fr;}
  .sizes{grid-template-columns:repeat(3,1fr);}
  .details{grid-template-columns:repeat(2,1fr);}
  .hero__cta .btn{flex:1 1 100%;}
  .price{font-size:38px;}
  .table__scroll .table{min-width:520px;}
  .toast{left:16px;right:16px;bottom:16px;transform:none;}
  @keyframes ktoast{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
}