/* ===================== KIN BOXING ===================== */
:root{
  --black:#0b0908;
  --ink:#14100d;
  --dark2:#171310;
  --cream:#efe9dd;
  --cream2:#e7e0d2;
  --gold:#c79a4a;
  --gold-2:#d9b063;
  --gold-soft:#a98a52;
  --text-light:#e8e2d6;
  --text-dim:#b8ae9d;
  --text-dark:#2a241e;
  --text-dark-dim:#6c6457;
  --serif:'Cinzel', Georgia, serif;
  --sans:'Inter', system-ui, sans-serif;
  --gap:clamp(2.2rem,6vw,7rem);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);
  background:var(--black);
  color:var(--text-light);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* ---- gold defs ---- */
.gold-fill{fill:url(#goldGrad)}

/* ===== reveal ===== */
.reveal{opacity:0;transform:translateY(26px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}
.reveal.in{opacity:1;transform:none}
.reveal--left{transform:translateX(-46px)}
.reveal--right{transform:translateX(46px)}
.reveal--scale{transform:scale(.93)}

/* ===== splash / carga inicial ===== */
body.loading{overflow:hidden}
.splash{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(ellipse at center,#16100a 0%,#070504 70%);
  transition:opacity .9s ease,visibility .9s;
  animation:splashSafety .6s ease 4.2s forwards}
.splash.hide{opacity:0;visibility:hidden}
.splash__inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem}
.splash__logo{width:min(280px,62vw);height:auto;opacity:0;transform:translateY(16px) scale(.94);
  filter:drop-shadow(0 10px 40px rgba(0,0,0,.6));
  animation:splashLogo 1.3s cubic-bezier(.16,1,.3,1) .1s forwards}
.splash__line{width:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold) 50%,transparent);
  animation:splashLine 1.5s ease .5s forwards}
.splash__tag{font-family:var(--serif);letter-spacing:.34em;text-transform:uppercase;font-size:.66rem;color:var(--gold-2);
  opacity:0;animation:splashTag .9s ease 1.05s forwards}
@keyframes splashLogo{to{opacity:1;transform:none}}
@keyframes splashLine{to{width:min(240px,54vw)}}
@keyframes splashTag{to{opacity:.85}}
@keyframes splashSafety{to{opacity:0;visibility:hidden}}

/* ===== headings ===== */
.serif-h{
  font-family:var(--serif);
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.04em;
  line-height:1.18;
  font-size:clamp(1.7rem,3.4vw,2.5rem);
  color:inherit;
}
.serif-h--sm{font-size:clamp(1.4rem,2.6vw,1.9rem)}
.serif-h.center{text-align:center}
.rule{display:block;width:46px;height:2px;background:var(--gold);margin-bottom:1.6rem;opacity:.9}
.cream .rule{background:var(--gold-soft)}

/* ============ HEADER ============ */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  gap:1.5rem;
  padding:1.05rem clamp(1.2rem,4vw,2.6rem);
  background:linear-gradient(to bottom,rgba(8,6,5,.82),rgba(8,6,5,0));
  backdrop-filter:blur(2px);
}
.brand-mini{display:flex;align-items:center;gap:.55rem}
.brand-mini__logo{height:46px;width:auto;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.45))}

.main-nav{display:flex;gap:clamp(1rem,2.4vw,2.4rem)}
.main-nav a{
  font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--text-light);opacity:.85;transition:color .25s,opacity .25s;
  position:relative;padding-bottom:2px;
}
.main-nav a::after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:var(--gold-2);
  transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.main-nav a:hover{color:var(--gold-2);opacity:1}
.main-nav a:hover::after{transform:scaleX(1)}

.header-utils{display:flex;align-items:center;gap:1.4rem}
.langsel{display:flex;align-items:center;gap:.55rem}
.langsel button{background:none;border:0;cursor:pointer;font-family:var(--sans);
  font-size:.72rem;letter-spacing:.14em;color:var(--text-dim);padding:0;transition:color .25s}
.langsel button:hover{color:var(--gold-2)}
.langsel button.active{color:var(--gold-2);font-weight:600}
.langsel__sep{color:var(--text-dim);opacity:.5}

.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer}
.nav-toggle span{width:24px;height:2px;background:var(--gold-2);display:block}

/* ============ HERO ============ */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.hero__bg{
  position:absolute;inset:0;background-size:contain;background-position:center;
  background-repeat:no-repeat;background-color:#000;
  filter:brightness(.92) contrast(1.04) saturate(1.06);
  animation:heroFade 1.6s ease-out forwards;
}
@keyframes heroFade{from{opacity:0}to{opacity:1}}
.hero__veil{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 70% 62% at 50% 42%,rgba(8,6,4,0) 0%,rgba(8,6,4,.18) 55%,rgba(8,6,4,.5) 100%),
    linear-gradient(to bottom,rgba(8,6,4,.55) 0%,rgba(8,6,4,.08) 26%,rgba(8,6,4,.1) 64%,rgba(8,6,4,.6) 100%);
}
.hero__inner{position:relative;z-index:2;padding:clamp(4.5rem,9vh,6rem) 1.2rem clamp(2.2rem,5vh,3.5rem);max-width:760px;
  display:flex;flex-direction:column;align-items:center}

.logo-lockup{display:inline-flex;flex-direction:column;align-items:center;margin:0}
.logo-lockup__img{width:clamp(220px,32vw,420px);max-height:38vh;height:auto;display:block;filter:drop-shadow(0 8px 34px rgba(0,0,0,.55))}

.hero__tagline{
  font-family:var(--serif);text-transform:uppercase;letter-spacing:.14em;
  font-size:clamp(1.05rem,2.6vw,1.7rem);margin-top:clamp(1.4rem,3.4vh,2.4rem);color:#f1ebdd;font-weight:500;
}
.hero__lines{margin:clamp(1.1rem,2.6vh,1.7rem) 0 clamp(1.5rem,3.4vh,2.4rem);color:var(--text-dim);font-size:.98rem;line-height:1.9}
.hero__lines p{opacity:.92}

/* ============ BUTTONS ============ */
.btn{display:inline-block;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;padding:.95rem 2.4rem;transition:all .3s ease;cursor:pointer}
.btn--ghost{border:1px solid var(--gold);color:var(--gold-2);background:transparent}
.btn--ghost:hover{background:var(--gold);color:#1a1208;box-shadow:0 6px 26px rgba(199,154,74,.28)}
.btn--gold{border:1px solid var(--gold);background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#1a1208;font-weight:600}
.btn--gold:hover{box-shadow:0 8px 30px rgba(199,154,74,.4);transform:translateY(-2px);filter:brightness(1.05)}

/* ============ SPLIT SECTIONS ============ */
.dark{background:var(--ink)}
.cream{background:var(--cream);color:var(--text-dark)}

.split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:64vh}
.split--reverse .split__media{order:2}
.split__media{background-size:cover;background-position:center;min-height:42vh;position:relative}
.split__media--tall{min-height:48vh}
.split__panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(2.4rem,6vw,5.5rem)}
.split__panel--cream{background:var(--cream);color:var(--text-dark)}

.serif-h{margin-bottom:1.3rem}
.split__panel p{margin-bottom:1.15rem;font-size:.97rem;color:inherit}
.split__panel--cream p{color:var(--text-dark-dim)}
.dark .split__panel p{color:var(--text-dim)}
.lead{color:inherit !important;font-weight:400}
.split__panel--cream .lead{color:var(--text-dark) !important}
.muted{color:var(--text-dark-dim);opacity:.85}
.dark .muted{color:#8f8676}

.media-mark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,7,5,.34)}
.media-mark img{width:min(190px,42%);height:auto;filter:drop-shadow(0 4px 18px rgba(0,0,0,.6))}

/* ============ PILLARS ============ */
.pillars{padding:clamp(3.2rem,8vw,6rem) clamp(1.4rem,5vw,4rem)}
.pillars__dots{display:none}
.pillars .serif-h.center{margin-bottom:clamp(2.4rem,5vw,4rem)}
.pillars__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1080px;margin:0 auto}
.pillar{text-align:center;padding:0 clamp(1.2rem,2.5vw,2.4rem);position:relative}
.pillar+.pillar{border-left:1px solid rgba(120,100,60,.28)}
.pillar__icon{width:auto;height:48px;margin:0 auto 1.4rem;display:block;filter:drop-shadow(0 2px 6px rgba(120,80,20,.25))}
.pillar h3{font-family:var(--serif);text-transform:uppercase;letter-spacing:.12em;font-size:1.15rem;margin-bottom:1rem;color:var(--text-dark);font-weight:600}
.pillar p{font-size:.9rem;color:var(--text-dark-dim);line-height:1.85}

/* ============ SYMBOL ============ */
.symbol{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:50vh;
  background:
    radial-gradient(circle at 30% 50%,rgba(40,30,18,.6),transparent 60%),
    var(--black);
}
.symbol__art{display:flex;align-items:center;justify-content:center;padding:clamp(2.5rem,6vw,5rem)}
.symbol__crown{width:min(320px,62%);height:auto;display:block;filter:drop-shadow(0 8px 34px rgba(199,154,74,.4))}
.symbol__photo{width:min(560px,92%);height:auto;display:block;border-radius:6px;box-shadow:0 22px 55px rgba(0,0,0,.6)}
.symbol__panel{padding:clamp(2.4rem,6vw,5.5rem) clamp(2rem,6vw,5rem) clamp(2.4rem,6vw,5.5rem) 0}
.symbol__panel h2{margin-bottom:1.5rem}
.symbol__panel p{margin-bottom:1.1rem;color:var(--text-dim);font-size:.97rem}
.gold-words{font-family:var(--serif);color:var(--gold-2)!important;letter-spacing:.05em;font-size:1.02rem;font-weight:500}

/* ============ HECHO EN MÉXICO ============ */
.made{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:clamp(1.6rem,4vw,3.5rem);padding:clamp(2.6rem,6vw,5rem) clamp(1.6rem,5vw,4rem)}
.made__text h2{margin-bottom:1.4rem}
.made__text p{margin-bottom:1.1rem;color:var(--text-dark-dim);font-size:.97rem}
.made__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
.made__img{aspect-ratio:3/4;background-size:cover;background-position:center;filter:saturate(.95) contrast(1.02);
  transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.16,1,.3,1),background-size .8s cubic-bezier(.16,1,.3,1),filter .5s;overflow:hidden}
.made__img:hover{background-size:112%;filter:saturate(1.05) contrast(1.05)}

/* ============ DETAIL / ATHLETES ============ */
.detail{display:block}
.detail__intro{padding:clamp(2.4rem,5vw,4rem) clamp(1.6rem,5vw,4rem) clamp(1.8rem,3vw,2.4rem)}
.detail__intro h2{margin-bottom:1.7rem}
.detail__specs{display:flex;gap:clamp(1.6rem,4vw,3.5rem);flex-wrap:wrap}
.spec{max-width:360px;border-left:1px solid var(--gold);padding-left:1rem}
.spec i{display:block;font-style:normal;text-transform:uppercase;letter-spacing:.16em;color:var(--gold-2);font-size:.7rem;margin-bottom:.45rem;font-weight:600}
.spec p{font-size:.85rem;color:var(--text-dim);line-height:1.65}
.detail__full{display:block;width:100%;height:auto}

/* ============ MANIFIESTO ============ */
.manifesto{padding:clamp(2.6rem,6vw,4.5rem) clamp(1.6rem,5vw,4rem)}
.manifesto__title{margin-bottom:2.4rem}
.manifesto__row{display:flex;align-items:center;justify-content:space-between;gap:clamp(1rem,3vw,2.4rem);flex-wrap:wrap}
.manifesto__row p{font-size:.92rem;color:var(--text-dark-dim);line-height:1.6}
.vbar{width:1px;align-self:stretch;min-height:54px;background:rgba(120,100,60,.32)}
.manifesto__mark{display:flex;align-items:center;justify-content:center}
.manifesto__mark img{width:150px;height:auto;display:block}
.manifesto__tag{font-family:var(--serif);color:var(--text-dark)!important;font-weight:500;letter-spacing:.04em}

/* ============ CTA ============ */
.cta{position:relative;min-height:74vh;display:flex;align-items:center;overflow:hidden}
.cta__bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.92) contrast(1.06) saturate(1.05)}
.cta__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,6,4,.9) 0%,rgba(8,6,4,.55) 38%,rgba(8,6,4,.12) 70%,rgba(8,6,4,0) 100%)}
.cta__inner{position:relative;z-index:2;padding:clamp(2.6rem,6vw,5rem) clamp(1.6rem,6vw,5rem);max-width:620px}
.cta__inner h2{margin-bottom:1.4rem;color:#f3ecdd}
.cta__sub{color:var(--gold-2);font-family:var(--serif);letter-spacing:.04em;margin-bottom:2.4rem;font-size:1.02rem}

/* ============ FOOTER ============ */
.site-footer{background:var(--black);text-align:center;padding:3rem 1.5rem 2.4rem;border-top:1px solid rgba(120,100,60,.18)}
.brand-mini--footer{justify-content:center;margin-bottom:1.1rem}
.brand-mini--footer .brand-mini__logo{height:auto;width:140px}
.site-footer p{color:var(--text-dim);font-size:.82rem;letter-spacing:.08em;margin-bottom:.4rem}
.site-footer .copy{color:#6f675a;font-size:.72rem}

/* ============ COLECCIÓN / HERITAGE ============ */
.collection{padding:clamp(3.4rem,8vw,6rem) clamp(1.4rem,5vw,4rem);
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%,rgba(60,44,24,.35),transparent 70%),
    var(--black);
}
.collection__head{text-align:center;max-width:760px;margin:0 auto clamp(2.6rem,5vw,4rem)}
.rule--center{margin:0 auto 1.5rem}
.collection__head .serif-h{margin-bottom:1rem}
.collection__sub{color:var(--text-dim);font-size:1rem;letter-spacing:.02em}
.collection__tag{color:var(--gold-2);font-family:var(--serif);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;margin-top:.7rem}

/* ----- Carrusel ----- */
.carousel{--per:3;--cgap:clamp(1rem,2vw,1.8rem);position:relative;max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:clamp(.4rem,1.5vw,1.2rem)}
.carousel__viewport{overflow:hidden;flex:1;padding:6px 4px 14px}
.carousel__track{display:flex;gap:var(--cgap);will-change:transform;transition:transform .65s cubic-bezier(.16,1,.3,1)}
.carousel__track.dragging{transition:none;cursor:grabbing}
.carousel__arrow{flex:0 0 auto;width:50px;height:50px;border-radius:50%;background:rgba(20,16,12,.6);border:1px solid rgba(199,154,74,.4);
  color:var(--gold-2);font-size:1.7rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:background .25s,color .25s,opacity .25s,transform .25s}
.carousel__arrow:hover{background:var(--gold);color:#1a1208}
.carousel__arrow:disabled{opacity:.3;cursor:default}
.carousel__arrow:disabled:hover{background:rgba(20,16,12,.6);color:var(--gold-2)}
.carousel__dots{display:flex;justify-content:center;gap:.6rem;margin-top:1.6rem}
.carousel__dots button{width:9px;height:9px;border-radius:50%;border:0;padding:0;cursor:pointer;background:rgba(199,154,74,.3);transition:background .3s,transform .3s}
.carousel__dots button.active{background:var(--gold);transform:scale(1.25)}

.model{flex:0 0 calc((100% - (var(--per) - 1) * var(--cgap)) / var(--per));
  position:relative;cursor:pointer;border:1px solid rgba(120,100,60,.22);border-radius:10px;overflow:hidden;background:#0d0a08;
  transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s,border-color .55s}
.model__frame{overflow:hidden;aspect-ratio:1/1;background:#0a0807}
.model__frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1);filter:brightness(.96)}
.model__info{position:absolute;left:0;right:0;bottom:0;padding:1.4rem 1.3rem 1.1rem;
  background:linear-gradient(to top,rgba(6,4,3,.92) 10%,rgba(6,4,3,.55) 55%,transparent);
  transform:translateY(8px);opacity:.96;transition:transform .55s,opacity .55s}
.model__info h3{font-family:var(--serif);font-size:1.02rem;letter-spacing:.04em;color:#f1ebdd;margin-bottom:.25rem;font-weight:600}
.model__ed{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2)}
.model__view{position:absolute;top:1rem;right:1rem;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#1a1208;
  background:var(--gold);padding:.42rem .8rem;border-radius:40px;opacity:0;transform:translateY(-6px);transition:opacity .45s,transform .45s;font-weight:600}
.model:hover{transform:translateY(-8px);border-color:rgba(199,154,74,.6);box-shadow:0 22px 48px rgba(0,0,0,.55),0 0 0 1px rgba(199,154,74,.25)}
.model:hover .model__frame img{transform:scale(1.06);filter:brightness(1.04)}
.model:hover .model__info{transform:translateY(0);opacity:1}
.model:hover .model__view{opacity:1;transform:translateY(0)}
.model:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}

.collection__note{text-align:center;max-width:620px;margin:clamp(2.4rem,5vw,3.6rem) auto 0;color:var(--text-dim);font-size:.92rem;line-height:1.8}

/* ============ LIGHTBOX ============ */
.lightbox{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;
  background:rgba(6,4,3,.93);backdrop-filter:blur(6px);padding:4vh 1rem;overflow-y:auto;
  opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s}
.lightbox.open{opacity:1;visibility:visible}
.lightbox__fig{margin:auto;max-width:min(92vw,820px);display:flex;flex-direction:column;align-items:center;
  transform:scale(.94);transition:transform .45s cubic-bezier(.16,1,.3,1)}
.lightbox.open .lightbox__fig{transform:scale(1)}
.lightbox__fig img{max-width:100%;max-height:68vh;object-fit:contain;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.7)}
.lightbox__fig figcaption{margin-top:1rem;font-family:var(--serif);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2);font-size:.82rem}
.lightbox__close{position:absolute;top:1.4rem;right:1.8rem;background:none;border:0;color:#e8e2d6;font-size:2.4rem;line-height:1;cursor:pointer;transition:color .25s}
.lightbox__close:hover{color:var(--gold-2)}
.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(20,16,12,.6);border:1px solid rgba(199,154,74,.4);
  color:var(--gold-2);width:50px;height:50px;border-radius:50%;font-size:1.7rem;line-height:1;cursor:pointer;transition:background .25s,transform .25s;display:flex;align-items:center;justify-content:center}
.lightbox__nav:hover{background:var(--gold);color:#1a1208}
.lightbox__nav--prev{left:clamp(.6rem,3vw,2.4rem)}
.lightbox__nav--next{right:clamp(.6rem,3vw,2.4rem)}
.lb__order{margin-top:1.1rem}

/* CTA ordenar en colección */
.collection__cta{text-align:center;margin-top:2.2rem}

/* ============ MODAL DE PEDIDO ============ */
.order{position:fixed;inset:0;z-index:140;display:flex;align-items:center;justify-content:center;padding:1.2rem;
  background:rgba(6,4,3,.9);backdrop-filter:blur(7px);
  opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s}
.order.open{opacity:1;visibility:visible}
.order__panel{position:relative;width:min(560px,100%);max-height:92vh;overflow-y:auto;
  background:linear-gradient(180deg,#16110c,#0d0a07);border:1px solid rgba(199,154,74,.32);border-radius:14px;
  padding:clamp(1.8rem,4vw,2.8rem);box-shadow:0 40px 90px rgba(0,0,0,.7);
  transform:translateY(28px) scale(.96);opacity:0;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s}
.order.open .order__panel{transform:none;opacity:1}
.order__close{position:absolute;top:.9rem;right:1.1rem;background:none;border:0;color:var(--text-dim);font-size:2rem;line-height:1;cursor:pointer;transition:color .25s}
.order__close:hover{color:var(--gold-2)}
.order__head{text-align:center;margin-bottom:1.6rem}
.order__logo{width:96px;height:auto;margin:0 auto .8rem;display:block}
.order__head h3{color:#f1ebdd;margin-bottom:.3rem}
.order__sub{color:var(--gold-2);font-family:var(--serif);letter-spacing:.16em;text-transform:uppercase;font-size:.66rem}
.order__form{display:flex;flex-direction:column;gap:.95rem}
.order__row{display:grid;grid-template-columns:1fr 1fr;gap:.95rem}
.order__field{display:flex;flex-direction:column;gap:.4rem}
.order__field>span{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}
.order__field>span i{font-style:normal;text-transform:none;letter-spacing:0;opacity:.6}
.order__field input,.order__field select,.order__field textarea{
  background:rgba(255,255,255,.04);border:1px solid rgba(199,154,74,.22);border-radius:7px;
  padding:.7rem .8rem;color:var(--text-light);font-family:var(--sans);font-size:.92rem;width:100%;
  transition:border-color .25s,box-shadow .25s;outline:none}
.order__field input::placeholder,.order__field textarea::placeholder{color:#6f675a}
.order__field input:focus,.order__field select:focus,.order__field textarea:focus{
  border-color:var(--gold);box-shadow:0 0 0 3px rgba(199,154,74,.15)}
.order__field select option{background:#16110c;color:var(--text-light)}
.order__field textarea{resize:vertical;min-height:48px}
.order__submit{margin-top:.5rem;width:100%}
.order__note{text-align:center;font-size:.72rem;color:#8f8676;margin-top:.2rem}

/* éxito */
.order__success{display:none;flex-direction:column;align-items:center;text-align:center;gap:.9rem;padding:1.4rem 0}
.order__success.show{display:flex;animation:orderSuccessIn .5s cubic-bezier(.16,1,.3,1) both}
@keyframes orderSuccessIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.order__success h3{color:#f1ebdd}
.order__success p{color:var(--text-dim);font-size:.92rem;max-width:340px}
.order__check svg{width:76px;height:76px}
.order__check circle{fill:none;stroke:var(--gold);stroke-width:2.5;stroke-dasharray:151;stroke-dashoffset:151;animation:checkCircle .6s ease forwards}
.order__check path{fill:none;stroke:var(--gold-2);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:checkMark .4s ease .5s forwards}
@keyframes checkCircle{to{stroke-dashoffset:0}}
@keyframes checkMark{to{stroke-dashoffset:0}}

/* ============ RESPONSIVE ============ */
@media (max-width:860px){
  .main-nav,.header-utils{display:none}
  .nav-toggle{display:flex}
  /* en pantallas angostas mostramos al artesano (lado izquierdo) en vez de la tira completa */
  .hero__bg{background-size:cover;background-position:22% center}
  .site-header.open + .mobile-menu{display:flex}
  .split,.symbol,.made,.detail{grid-template-columns:1fr}
  .split--reverse .split__media{order:0}
  .split__media{min-height:46vh}
  .symbol__panel{padding:0 1.6rem 3rem}
  .symbol__art{padding:3rem}
  .made{gap:2rem}
  .pillars__grid{display:flex;grid-template-columns:none;gap:0;max-width:none;margin:0 -1.4rem;padding:0 1.4rem;
    overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .pillars__grid::-webkit-scrollbar{display:none}
  .pillar{flex:0 0 100%;scroll-snap-align:center;padding:.5rem 1.4rem}
  .pillar+.pillar{border-left:0;border-top:0;padding-top:.5rem}
  .pillars__dots{display:flex;justify-content:center;gap:.6rem;margin-top:2.6rem}
  .pillars__dots button{width:9px;height:9px;border-radius:50%;border:0;padding:0;cursor:pointer;
    background:rgba(170,138,82,.35);transition:background .3s,transform .3s}
  .pillars__dots button.active{background:var(--gold-soft);transform:scale(1.3)}
  .manifesto{padding:3.2rem 1.6rem}
  .manifesto__title{text-align:center;margin-bottom:1.4rem;font-size:1.45rem}
  .manifesto__row{flex-direction:column;align-items:center;text-align:center;gap:1.15rem}
  .manifesto__row p{font-size:1rem}
  .vbar{width:42px;height:1px;min-height:0;align-self:center;background:linear-gradient(90deg,transparent,var(--gold-soft),transparent);opacity:.7}
  .manifesto__mark{margin:.4rem 0}
  .manifesto__mark img{width:124px}
  .manifesto__tag{margin-top:.2rem;font-size:1.05rem;line-height:1.7}
  .detail__athletes{grid-template-columns:repeat(3,1fr);min-height:40vh}
  .detail__glove{min-height:52vh}
  .cta__veil{background:linear-gradient(to top,rgba(8,6,4,.95),rgba(8,6,4,.45))}
  .carousel{--per:2}
  .lightbox__nav{width:42px;height:42px;font-size:1.4rem}
}
@media (max-width:540px){
  .carousel{--per:1}
  .model__info{transform:translateY(0);opacity:1}
  .carousel__arrow{width:42px;height:42px;font-size:1.4rem}
  .order__row{grid-template-columns:1fr}
}

/* mobile menu */
.mobile-menu{display:none;position:fixed;top:0;left:0;right:0;z-index:49;flex-direction:column;gap:.4rem;background:rgba(11,8,6,.97);padding:5rem 2rem 2rem;text-align:center}
.mobile-menu a{font-family:var(--serif);text-transform:uppercase;letter-spacing:.16em;font-size:.9rem;padding:.7rem;color:var(--text-light)}
.mobile-menu a:hover{color:var(--gold-2)}
.mobile-menu.show{display:flex}
.mobile-menu__lang{justify-content:center;gap:1rem;margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid rgba(120,100,60,.25)}
.mobile-menu__lang button{font-family:var(--serif);font-size:1rem;letter-spacing:.16em}