/* stylelint-disable */
/* csslint ignore:start */
/*
  Suave Urban Studio — CSS final limpio.
  Nota: se desactivan advertencias de linters externos porque este archivo conserva clases BEM existentes
  como hero__visual, btn--gold y cart-summary__line--free para no romper el HTML/PHP.
*/

/* =========================================================
   SUAVE LOCAL FONTS
   Sube estos archivos a /assets/fonts/
   - Backlane.otf
   - Aerosoldier_PERSONAL_USE_ONLY.otf
   ========================================================= */

@font-face{
  font-family:"DropShade-Shadow";
  src:url("/assets/fonts/DropShade-Shadow.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Block Buster";
  src:url("/assets/fonts/Block Buster.otf") format("opentype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

:root{
  --su-gold:#d4af37;
  --su-gold-soft:#ffe08a;
  --su-gold-deep:#8b6713;
  --su-bg:#050505;
  --su-bg-2:#0b0b0d;
  --su-panel:rgba(10,10,12,.58);
  --su-panel-strong:rgba(9,9,11,.76);
  --su-glass:rgba(255,255,255,.055);
  --su-line:rgba(212,175,55,.24);
  --su-line-soft:rgba(255,224,138,.13);
  --su-text:#fff8dc;
  --su-cream:#fff8dc;
  --su-muted:rgba(255,248,220,.72);
  --su-shadow:0 24px 80px rgba(0,0,0,.42);
  --su-glow:0 0 34px rgba(212,175,55,.23);
  --su-radius:28px;
}

*{box-sizing:border-box}
html{min-height:100%;background:#050505;overflow-x:hidden;scroll-behavior:smooth}
body{
  margin:0;
  min-height:100%;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 17% 0%,rgba(212,175,55,.18),transparent 25%),
    radial-gradient(circle at 92% 18%,rgba(255,224,138,.095),transparent 30%),
    linear-gradient(145deg,#040404 0%,#09090a 50%,#050505 100%);
  color:var(--su-text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  text-rendering:optimizeLegibility;
}
body::before,
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
}
body::before{
  background:
    radial-gradient(circle at 30% 20%,rgba(212,175,55,.18),transparent 2px),
    radial-gradient(circle at 70% 45%,rgba(255,224,138,.16),transparent 1.5px),
    radial-gradient(circle at 15% 75%,rgba(212,175,55,.13),transparent 1.5px),
    radial-gradient(circle at 86% 82%,rgba(255,248,220,.1),transparent 1px);
  background-size:150px 190px,210px 260px,170px 230px,260px 310px;
  opacity:.45;
  filter:blur(.15px);
  animation:suGoldRain 16s linear infinite;
}
body::after{
  background:
    linear-gradient(115deg,transparent 0 38%,rgba(255,224,138,.08) 43%,transparent 49% 100%),
    radial-gradient(circle at 50% 115%,rgba(212,175,55,.12),transparent 42%);
  opacity:.55;
  mix-blend-mode:screen;
}
@keyframes suGoldRain{from{background-position:0 -280px,0 -360px,0 -420px,0 -500px}to{background-position:0 620px,0 760px,0 840px,0 980px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}

.site-bg{position:fixed;inset:0;z-index:-3;background:linear-gradient(145deg,#050505,#111 55%,#070707)}
.site-bg::before,.site-bg::after{content:"";position:absolute;inset:auto;border-radius:999px;filter:blur(42px);opacity:.45;pointer-events:none}
.site-bg::before{width:360px;height:360px;left:-120px;top:8%;background:rgba(212,175,55,.16)}
.site-bg::after{width:420px;height:420px;right:-160px;bottom:8%;background:rgba(255,224,138,.08)}
.mouse-spotlight{
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(420px circle at var(--spot-x,50%) var(--spot-y,25%),rgba(255,224,138,.12),transparent 62%),
    radial-gradient(180px circle at var(--spot-x,50%) var(--spot-y,25%),rgba(212,175,55,.1),transparent 70%);
  mix-blend-mode:screen;opacity:.55;transition:opacity .35s ease;
}
.gold-particles{
  position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;
}
.gold-particles i{
  position:absolute;display:block;border-radius:999px;
  width:var(--p-size,2px);height:var(--p-size,2px);
  left:var(--p-x,50%);top:110%;
  background:radial-gradient(circle,rgba(255,235,170,.9),rgba(212,175,55,.15) 65%,transparent 100%);
  opacity:var(--p-opacity,.18);filter:blur(.2px);
  animation:suParticleFloat var(--p-speed,26s) linear infinite;
}
@keyframes suParticleFloat{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(var(--p-drift,20px),-125vh,0)}
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}

.site-header{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;gap:18px;justify-content:space-between;
  padding:13px clamp(16px,4vw,54px);
  background:linear-gradient(180deg,rgba(5,5,5,.86),rgba(5,5,5,.58));
  backdrop-filter:blur(20px) saturate(145%);
  -webkit-backdrop-filter:blur(20px) saturate(145%);
  border-bottom:1px solid var(--su-line);
  box-shadow:0 12px 42px rgba(0,0,0,.32);
}
.brand{display:flex;align-items:center;gap:11px;min-width:0}
.brand__logo{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,var(--su-gold),#f6dc82 45%,#8a6a12);box-shadow:0 0 28px rgba(212,175,55,.35),inset 0 1px 0 rgba(255,255,255,.38);color:#050505;font-weight:900;letter-spacing:.04em}
.brand__logo img{width:100%;height:100%;object-fit:contain}
.brand__text{display:flex;flex-direction:column;line-height:1;min-width:0}
.brand__text b{font-size:15px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;text-shadow:0 0 18px rgba(212,175,55,.18)}
.brand__text small,.eyebrow{color:var(--su-gold-soft);text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800}
.main-nav,.header-actions{display:flex;align-items:center;gap:10px}
.main-nav a,.header-link,.icon-link{position:relative;padding:9px 12px;border-radius:999px;color:var(--su-muted);transition:color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease;white-space:nowrap}
.main-nav a::after,.header-link::after{content:"";position:absolute;left:16px;right:16px;bottom:5px;height:1px;background:linear-gradient(90deg,transparent,var(--su-gold-soft),transparent);opacity:0;transform:scaleX(.2);transition:.22s ease}
.main-nav a:hover,.header-link:hover,.icon-link:hover{background:rgba(212,175,55,.105);color:#fff;box-shadow:0 0 24px rgba(212,175,55,.13);transform:translateY(-1px)}
.main-nav a:hover::after,.header-link:hover::after{opacity:.8;transform:scaleX(1)}
.header-link--gold,.btn--gold{background:linear-gradient(135deg,var(--su-gold),#f4d16e 54%,#b78b1a);color:#090909!important;border-color:rgba(255,224,138,.55)!important;box-shadow:0 12px 32px rgba(212,175,55,.26),inset 0 1px 0 rgba(255,255,255,.38)}
.menu-btn{display:none;border:1px solid var(--su-line);border-radius:14px;background:rgba(255,255,255,.055);color:#fff;padding:10px 12px;box-shadow:0 10px 26px rgba(0,0,0,.22)}

.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:30px 0 64px;position:relative;z-index:1}
.hero,.client-hero,.page-title{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:26px;align-items:center;margin:26px 0 34px}
.hero--background-models{min-height:clamp(470px,74vh,780px);position:relative;isolation:isolate;display:block;overflow:hidden;border-radius:calc(var(--su-radius) + 10px);padding:clamp(18px,3vw,30px)}
.hero--background-models::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 36%,rgba(212,175,55,.24),transparent 28%),linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.52) 38%,rgba(0,0,0,.16) 68%,rgba(0,0,0,.36) 100%);z-index:-1;pointer-events:none}
.hero--background-models::after{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(212,175,55,.2);box-shadow:inset 0 0 90px rgba(212,175,55,.08),0 0 60px rgba(212,175,55,.04);pointer-events:none}
.hero__layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(380px,1.12fr);align-items:stretch;gap:clamp(18px,3vw,34px);min-height:inherit;position:relative;z-index:1}
.hero__visual{position:relative;min-height:clamp(520px,72vh,820px);border-radius:calc(var(--su-radius) + 6px);overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000;box-shadow:inset 0 0 0 1px rgba(212,175,55,.12)}
.hero__visual::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.52) 0%,rgba(0,0,0,.18) 28%,rgba(0,0,0,.00) 55%,rgba(0,0,0,.22) 100%),radial-gradient(circle at 78% 36%,rgba(212,175,55,.15),transparent 24%);z-index:1;pointer-events:none}
.hero__visual::after{content:"";position:absolute;inset:auto 8% 6% auto;width:34%;height:18%;background:radial-gradient(circle,rgba(212,175,55,.14),transparent 70%);filter:blur(34px);pointer-events:none;z-index:1}
.hero__visual img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;filter:brightness(.92) saturate(1) contrast(1.03);transform:none;animation:none;background:#000}
.hero__copy,.client-hero>div,.page-title,.glass-card,.cart-summary,.product-card,.category-card,.client-auth-card,.contact-card,.clean-panel,.account-card,.contact-info-card,.contact-form-card{background:linear-gradient(145deg,rgba(15,15,17,.72),rgba(8,8,10,.46));border:1px solid var(--su-line);border-radius:var(--su-radius);box-shadow:var(--su-shadow),inset 0 1px 0 rgba(255,255,255,.055);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);padding:clamp(20px,4vw,42px)}
.hero--background-models .hero__copy{max-width:640px;align-self:center;background:linear-gradient(135deg,rgba(8,8,10,.70),rgba(8,8,10,.34));border-color:rgba(212,175,55,.22);box-shadow:none;backdrop-filter:blur(10px)}
.hero__lead{font-size:clamp(18px,2vw,24px);line-height:1.6;max-width:48ch;color:rgba(248,245,237,.84);margin:12px 0 0}
.hero--background-models .hero__copy{animation:suFadeUp .72s ease both}
.hero__visual img{animation:none!important}
.hero__actions,.detail-actions,.product-card__actions,.lookbook-card__actions,.client-hero__actions,.contact-pro-form__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
@keyframes suFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes suHeroFloat{0%,100%{transform:scale(1.01) translateY(0)}50%{transform:scale(1.025) translateY(-8px)}}
h1{font-size:clamp(36px,7vw,78px);line-height:.94;margin:8px 0 14px;letter-spacing:-.055em;overflow-wrap:anywhere;text-shadow:0 0 38px rgba(212,175,55,.14)}
h2{font-size:clamp(24px,4vw,42px);line-height:1.05;margin:0 0 12px;letter-spacing:-.035em;text-wrap:balance}
h3{margin:0 0 8px;letter-spacing:-.015em}.hero p,.page-title span,.client-hero span,p{color:var(--su-muted);line-height:1.65}.section-head{margin:34px 0 18px}.section-head p{margin:0 0 6px;color:var(--su-gold-soft);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900}.section-head--row{display:flex;align-items:end;justify-content:space-between;gap:16px}.section-head--row>a{color:var(--su-gold-soft);font-weight:900}
.hero__media{min-height:360px;display:grid;place-items:center;position:relative}.hero__media:not(.hero__media--bg) img{max-height:560px;object-fit:contain;filter:drop-shadow(0 28px 50px rgba(212,175,55,.16))}
#cw-product-form{scroll-margin-top:120px}

.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--su-line);border-radius:999px;padding:12px 18px;background:rgba(255,255,255,.06);color:#fff;font-weight:900;cursor:pointer;overflow:hidden;isolation:isolate;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;min-height:44px}
.btn::before,.header-link--gold::before{content:"";position:absolute;inset:-45% -70%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.42) 49%,transparent 62%);transform:translateX(-58%) rotate(8deg);transition:transform .72s ease;z-index:-1;pointer-events:none}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 32px rgba(212,175,55,.18);border-color:rgba(255,224,138,.45)}
.btn:hover::before,.header-link--gold:hover::before{transform:translateX(58%) rotate(8deg)}
.btn:active{transform:translateY(0) scale(.985)}
.btn--ghost{background:rgba(255,255,255,.045)}.btn--wide{width:100%}.btn[disabled]{opacity:.55;cursor:not-allowed;filter:saturate(.6)}

.product-grid,.category-grid,.lookbook-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin:24px 0}.lookbook-grid--featured{grid-template-columns:repeat(auto-fit,minmax(235px,1fr))}
.product-card,.category-card,.lookbook-card{position:relative;padding:14px;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}.product-card::before,.category-card::before,.lookbook-card::before,.clean-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,224,138,.08),transparent 32%,transparent 68%,rgba(212,175,55,.06));opacity:.65;pointer-events:none}.product-card:hover,.category-card:hover,.lookbook-card:hover{transform:translateY(-4px);border-color:rgba(255,224,138,.34);box-shadow:0 28px 86px rgba(0,0,0,.48),0 0 36px rgba(212,175,55,.11)}
.product-card__media,.category-card__image,.lookbook-card__media{position:relative;aspect-ratio:1/1.12;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.052);display:grid;place-items:center;border:1px solid rgba(255,255,255,.07)}
.product-card__media img,.category-card__image img,.lookbook-card__media img,.cart-item__media img{width:100%;height:100%;object-fit:cover;transition:transform .36s ease,filter .36s ease}.product-card:hover img,.category-card:hover img,.lookbook-card:hover img{transform:scale(1.035);filter:saturate(1.06) contrast(1.04)}
.product-card__body,.category-card__content,.lookbook-card__content{position:relative;padding:14px}.product-card__body h3 a,.lookbook-card h3 a{color:#fff}.product-card strong,.price-row strong,.detail-price{color:var(--su-gold-soft);text-shadow:0 0 20px rgba(212,175,55,.16)}.old-price{text-decoration:line-through;color:rgba(255,255,255,.46);margin-left:8px}.lookbook-card__meta{color:var(--su-muted);font-size:14px}.lookbook-card__overlay{position:absolute;inset:auto 12px 12px 12px;border-radius:18px;padding:12px;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.56));border:1px solid rgba(255,255,255,.08)}
.fav-floating{position:absolute;right:10px;top:10px;margin:0;border:1px solid rgba(255,224,138,.28);border-radius:999px;background:rgba(5,5,5,.62);backdrop-filter:blur(10px);color:#fff;width:40px;height:40px;cursor:pointer;z-index:4;box-shadow:0 10px 28px rgba(0,0,0,.3);transition:transform .2s ease,background .2s ease,color .2s ease}.fav-floating:hover{transform:scale(1.06);background:rgba(212,175,55,.22);color:var(--su-gold-soft)}
.image-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#070707;background:linear-gradient(145deg,var(--su-gold),#ffe08a);font-weight:900;letter-spacing:.08em}

.breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--su-muted);font-size:14px;margin:12px 0 20px}.breadcrumbs a{color:var(--su-gold-soft)}
.product-detail{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:24px;align-items:start;margin:22px 0 30px}.product-detail__gallery,.product-purchase-card{min-width:0}.main-product-image{position:relative;min-height:420px;border-radius:30px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--su-line);display:grid;place-items:center;box-shadow:var(--su-shadow),var(--su-glow)}.main-product-image img{width:100%;height:100%;max-height:680px;object-fit:contain;padding:clamp(12px,3vw,26px);filter:drop-shadow(0 28px 50px rgba(212,175,55,.14))}.thumb-row{display:flex;gap:10px;overflow:auto;padding:12px 2px}.thumb-row button{width:76px;height:76px;flex:0 0 auto;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);padding:0;overflow:hidden;cursor:pointer}.thumb-row button.is-active{border-color:var(--su-gold);box-shadow:0 0 24px rgba(212,175,55,.2)}.thumb-row img{width:100%;height:100%;object-fit:cover}
.product-meta-row,.price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.availability,.product-badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;border:1px solid rgba(255,255,255,.12)}.availability.is-on{color:#b8ffd0;background:rgba(80,255,140,.08);border-color:rgba(80,255,140,.22)}.availability.is-off,.product-badge--soldout{color:#ffc7bf;background:rgba(255,90,90,.09);border-color:rgba(255,90,90,.24)}.product-badge{position:absolute;left:14px;top:14px}.product-badge--offer{color:#090909;background:linear-gradient(135deg,var(--su-gold),#ffe08a)}.product-short-description{font-size:16px}.option-block,.quantity-block,.product-info-box,.option-note{margin:18px 0}.pill-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.pill-row button{border:1px solid rgba(255,224,138,.22);background:rgba(255,255,255,.055);color:#fff;border-radius:999px;padding:10px 14px;cursor:pointer;transition:.2s}.pill-row button:hover,.pill-row button.is-active{background:rgba(212,175,55,.2);border-color:var(--su-gold-soft);box-shadow:0 0 22px rgba(212,175,55,.15)}.option-block.has-error{outline:1px solid rgba(255,110,110,.45);border-radius:18px;padding:10px;background:rgba(255,80,80,.06)}.product-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.product-info-grid>div{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);border-radius:18px;padding:12px}.product-info-grid span{display:block;color:var(--su-muted);font-size:13px;margin-top:4px}.product-care-list{color:var(--su-muted);line-height:1.8}.detail-secondary-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.detail-secondary-actions button,.detail-secondary-actions a{border:0;background:none;color:var(--su-gold-soft);font-weight:800;cursor:pointer;padding:0}

.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:22px;align-items:start}.cart-list{display:grid;gap:14px}.cart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.cart-item{display:grid;grid-template-columns:92px minmax(0,1fr) auto auto auto;gap:14px;align-items:center;background:var(--su-panel);border:1px solid var(--su-line);border-radius:22px;padding:12px;box-shadow:0 18px 60px rgba(0,0,0,.28)}.cart-item__media{width:92px;height:92px;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.05);display:grid;place-items:center}.cart-item__info{min-width:0}.cart-item__info h3{font-size:16px}.cart-item__info p{margin:4px 0}.qty{display:flex;align-items:center;gap:6px}.qty button,.qty input{width:36px;height:36px;border-radius:10px;border:1px solid var(--su-line);background:rgba(255,255,255,.06);color:#fff;text-align:center}.remove,.cart-link-danger{border:0;background:none;color:#ffb4a8;cursor:pointer;font-weight:800}.cart-summary{position:sticky;top:92px}.cart-summary__line,.cart-summary__total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.075)}.cart-summary__total strong{font-size:22px;color:var(--su-gold-soft)}.cart-note{font-size:14px}.cart-customer label,.client-form label,.contact-form label,.contact-pro-form label{display:grid;gap:8px;margin:12px 0;color:var(--su-muted);font-weight:700}
input,textarea,select{width:100%;max-width:100%;border:1px solid var(--su-line);border-radius:16px;background:rgba(255,255,255,.07);color:#fff;padding:13px 14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input:focus,textarea:focus,select:focus{border-color:rgba(255,224,138,.58);box-shadow:0 0 0 4px rgba(212,175,55,.105),0 0 26px rgba(212,175,55,.11);background:rgba(255,255,255,.09)}textarea{min-height:108px;resize:vertical}.contact-alert{border-radius:18px;padding:12px 14px;margin:12px 0;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}.contact-alert--success{border-color:rgba(88,255,160,.3)}.contact-alert--error{border-color:rgba(255,100,100,.35)}.contact-hidden-field{position:absolute!important;left:-9999px!important}.contact-pro-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px}.contact-info-stack{display:grid;gap:14px}.contact-info-card--gold{border-color:rgba(255,224,138,.32);background:rgba(212,175,55,.08)}.contact-socials{display:flex;gap:10px;flex-wrap:wrap}.contact-pro-form__full{grid-column:1/-1}
.su-toast{position:fixed;right:18px;bottom:18px;background:rgba(10,10,10,.9);border:1px solid var(--su-line);border-radius:18px;padding:13px 16px;transform:translateY(20px);opacity:0;transition:.25s;z-index:100;color:#fff;box-shadow:0 18px 54px rgba(0,0,0,.42),0 0 24px rgba(212,175,55,.12)}.su-toast.is-visible{transform:none;opacity:1}

.site-footer{
  border-top:1px solid var(--su-line);
  padding:6px clamp(14px,3vw,42px) 6px;
  background:
    linear-gradient(90deg,rgba(0,0,0,.90),rgba(0,0,0,.62),rgba(0,0,0,.88)),
    url("/assets/img/footer-bg-static.jpg") center center / cover no-repeat,
    linear-gradient(180deg,rgba(0,0,0,.36),rgba(0,0,0,.62));
  position:relative;
  overflow:hidden;
}

.site-footer::before{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--su-gold-soft),transparent);
  opacity:.35;
}

.footer-grid{
  display:grid;
  grid-template-columns:1.35fr repeat(3,1fr);
  gap:9px;
  align-items:start;
}

.footer-grid h2{
  font-size:clamp(20px,2vw,30px);
  line-height:1;
  margin:0 0 3px;
  color:#fff;
}

.footer-grid h3{
  font-size:13px;
  line-height:1;
  margin:0 0 4px;
  color:#fff;
}

.footer-grid a,
.footer-grid p{
  display:block;
  color:rgba(255,255,255,.82);
  margin:2px 0;
  font-size:11.5px;
  line-height:1.18;
}

.footer-grid a:hover{
  color:#fff;
}

.socials{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:5px;
}

.socials a{
  border:1px solid rgba(255,255,255,.20);
  border-radius:999px;
  padding:5px 8px;
  background:rgba(255,255,255,.06);
  font-size:11px;
  line-height:1;
}

.footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);
  margin-top:6px;
  padding-top:5px;
  text-align:center;
}

.footer-bottom p{
  margin:0;
  font-size:10.5px;
  line-height:1.1;
  color:rgba(255,255,255,.65);
}

@media(max-width:980px){.main-nav{gap:6px}.main-nav a,.header-link,.icon-link{padding:8px 10px}.product-detail{grid-template-columns:1fr}.product-info-grid{grid-template-columns:1fr}.contact-pro-grid{grid-template-columns:1fr}.cart-summary{position:static}}
@media(max-width:820px){
  .site-header{padding:11px 14px;gap:10px;flex-wrap:wrap}.menu-btn{display:inline-flex}.main-nav{display:none;position:absolute;left:12px;right:12px;top:72px;flex-direction:column;align-items:stretch;background:rgba(5,5,5,.96);border:1px solid var(--su-line);border-radius:20px;padding:12px;box-shadow:0 24px 80px rgba(0,0,0,.45);backdrop-filter:blur(20px)}.menu-open .main-nav{display:flex}.main-nav a{padding:12px 14px}.header-actions{gap:6px;margin-left:auto}.header-link{display:none}.header-link--gold{display:none}.brand__text b{font-size:13px;max-width:150px}.page-shell{width:min(100% - 24px,680px);padding-top:18px;padding-bottom:48px}.hero,.client-hero,.page-title{grid-template-columns:1fr;text-align:center;margin:14px 0 24px}.hero--background-models{min-height:clamp(540px,72vh,720px);padding:16px}.hero--background-models::before{background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.54) 52%,rgba(0,0,0,.84)),radial-gradient(circle at 50% 18%,rgba(212,175,55,.20),transparent 42%)}.hero__layout{grid-template-columns:1fr;gap:16px}.hero__visual{min-height:360px;order:1}.hero__visual img{object-position:center center;animation:none!important;transform:none!important}.hero--background-models .hero__copy{order:2;margin-top:auto;width:100%;padding:18px 16px;border-radius:22px;background:linear-gradient(180deg,rgba(8,8,10,.34),rgba(8,8,10,.62))}.hero__copy,.client-hero>div,.page-title,.glass-card,.cart-summary,.client-auth-card,.contact-card,.clean-panel,.account-card,.contact-info-card,.contact-form-card{padding:20px;border-radius:22px}h1{font-size:clamp(32px,10.5vw,46px);line-height:1.02;letter-spacing:-.045em}h2{font-size:clamp(24px,7vw,34px)}.section-head--row{align-items:start}.hero__media{min-height:240px}.hero__media:not(.hero__media--bg) img{max-height:330px;margin:auto}.product-grid,.category-grid,.lookbook-grid,.lookbook-grid--featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card,.category-card,.lookbook-card{border-radius:18px;padding:10px}.product-card__media,.category-card__image,.lookbook-card__media{border-radius:18px}.product-card__body,.category-card__content,.lookbook-card__content{padding:10px}.cart-layout{grid-template-columns:1fr}.cart-item{grid-template-columns:72px minmax(0,1fr);gap:10px}.cart-item__media{width:72px;height:72px}.cart-item__qty,.cart-item__total,.remove{grid-column:2}.cart-toolbar{align-items:flex-start}.main-product-image{min-height:320px;border-radius:24px}.thumb-row{justify-content:flex-start}.detail-actions .btn{flex:1 1 100%}.footer-grid{grid-template-columns:1fr;text-align:center}.socials{justify-content:center}.btn{padding:11px 14px}.su-toast{left:12px;right:12px;bottom:12px}.category-page-title{grid-template-columns:1fr}.category-hero-image{display:none}
}
@media(max-width:520px){.product-grid,.category-grid,.lookbook-grid,.lookbook-grid--featured{grid-template-columns:1fr}.section-head--row{flex-direction:column}.product-card,.category-card,.lookbook-card{max-width:390px;margin-left:auto;margin-right:auto;width:100%}.product-card__media,.category-card__image,.lookbook-card__media{aspect-ratio:1/1.02}.product-card__actions,.lookbook-card__actions,.hero__actions{justify-content:center}.product-card__actions .btn,.lookbook-card__actions .btn{width:100%}}
@media(max-width:430px){.header-actions .icon-link{padding:8px 9px}.brand__logo{width:40px;height:40px}.cart-item{grid-template-columns:64px minmax(0,1fr);padding:10px}.cart-item__media{width:64px;height:64px}.hero--background-models{min-height:500px}.hero__visual{min-height:300px}.pill-row button{flex:1 1 auto}.main-product-image{min-height:280px}.page-shell{width:min(100% - 20px,680px)}}

/* Ajuste visual puntual: lluvia dorada visible + contraste de botones, sin cambiar layout */
body::before{
  z-index:0;
  background-image:
    radial-gradient(circle,rgba(255,232,150,.95) 0 1.15px,transparent 1.35px),
    radial-gradient(circle,rgba(212,175,55,.78) 0 1px,transparent 1.25px),
    radial-gradient(circle,rgba(255,248,220,.52) 0 .85px,transparent 1.1px),
    radial-gradient(circle,rgba(255,214,96,.55) 0 .75px,transparent 1px);
  background-size:120px 190px,170px 250px,230px 310px,290px 390px;
  opacity:.72;
  filter:drop-shadow(0 0 5px rgba(255,214,96,.34));
  mix-blend-mode:screen;
}
body::after{z-index:0;opacity:.44;}
body > *:not(.site-bg):not(.mouse-spotlight):not(.gold-particles):not(.auth-modal){position:relative;z-index:1;}
.site-header{z-index:60;}

.btn--gold,
a.btn--gold,
button.btn--gold,
.header-link--gold{
  background:linear-gradient(135deg,#ffe68e 0%,#d4af37 42%,#f9d873 70%,#9d7318 100%)!important;
  color:#050505!important;
  border-color:rgba(255,232,150,.86)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.35);
  box-shadow:0 14px 34px rgba(212,175,55,.36),0 0 26px rgba(255,224,138,.22),inset 0 1px 0 rgba(255,255,255,.62)!important;
}
.btn--ghost,
a.btn--ghost,
button.btn--ghost{
  color:#fff8dc!important;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045))!important;
  border-color:rgba(255,224,138,.48)!important;
  text-shadow:0 1px 10px rgba(0,0,0,.78);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(0,0,0,.12)!important;
}
.btn--gold:hover,
a.btn--gold:hover,
button.btn--gold:hover,
.header-link--gold:hover{
  box-shadow:0 18px 42px rgba(212,175,55,.46),0 0 38px rgba(255,224,138,.32),inset 0 1px 0 rgba(255,255,255,.72)!important;
  filter:saturate(1.08) brightness(1.04);
}
.btn--ghost:hover,
a.btn--ghost:hover,
button.btn--ghost:hover{
  background:linear-gradient(180deg,rgba(212,175,55,.18),rgba(255,255,255,.07))!important;
  border-color:rgba(255,232,150,.72)!important;
  box-shadow:0 0 26px rgba(212,175,55,.18),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.btn::before,.header-link--gold::before{z-index:0;opacity:.85;}
.btn > *, .btn{position:relative;}
@media(max-width:768px){body::before{opacity:.56;background-size:130px 210px,190px 280px,250px 330px,310px 410px}.btn--gold,.btn--ghost{min-height:43px}}
@media(max-width:900px){
  .mouse-spotlight{opacity:.26}
  .gold-particles i:nth-child(n+13){display:none}
}
@media(prefers-reduced-motion:reduce){
  .mouse-spotlight,.gold-particles{display:none}
  .hero--background-models .hero__copy,.hero__visual img{animation:none!important}
}

/* Ajuste puntual: contraste del desplegable en formularios (sin tocar layout) */
select option,
select optgroup{
  background:#11100b;
  color:#fff8df;
}
select option:checked,
select option:hover{
  background:#d4af37;
  color:#080806;
}

/* Cliente: panel desplegable premium */
.account-menu{position:relative;display:flex;align-items:center;z-index:75}
.account-trigger{display:flex;align-items:center;gap:10px;min-height:46px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,224,138,.32);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));color:var(--su-cream);cursor:pointer;box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
.account-trigger:hover,.account-menu.is-open .account-trigger{transform:translateY(-1px);border-color:rgba(255,224,138,.66);background:linear-gradient(135deg,rgba(212,175,55,.20),rgba(255,255,255,.05));box-shadow:0 18px 46px rgba(212,175,55,.16),0 10px 34px rgba(0,0,0,.35)}
.account-trigger__icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--su-gold-soft);border:1px solid rgba(212,175,55,.36);background:radial-gradient(circle at 30% 25%,rgba(255,232,143,.18),rgba(0,0,0,.18));font-size:16px;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.account-trigger__text{display:grid;line-height:1.12;text-align:left}.account-trigger__text small{font-size:11px;color:rgba(255,248,220,.72);font-weight:800}.account-trigger__text b{font-size:13px;color:var(--su-cream);white-space:nowrap;letter-spacing:.01em}
.account-panel{position:absolute;right:0;top:calc(100% + 14px);width:342px;max-width:calc(100vw - 28px);max-height:min(76vh,640px);overflow-y:auto;overflow-x:hidden;padding:22px;border-radius:16px;border:1px solid rgba(255,224,138,.26);background:linear-gradient(155deg,rgba(12,12,14,.985),rgba(5,5,7,.955));box-shadow:0 32px 105px rgba(0,0,0,.68),0 0 48px rgba(212,175,55,.11),inset 0 1px 0 rgba(255,255,255,.075);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);opacity:0;visibility:hidden;transform:translateY(8px) scale(.985);transform-origin:top right;transition:opacity .18s ease,visibility .18s ease,transform .18s ease;line-height:1.5;scrollbar-width:thin;scrollbar-color:rgba(212,175,55,.55) rgba(255,255,255,.04)}
.account-panel::-webkit-scrollbar{width:6px}.account-panel::-webkit-scrollbar-track{background:rgba(255,255,255,.035);border-radius:999px}.account-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(255,224,138,.72),rgba(180,132,22,.52));border-radius:999px}.account-panel::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 18% 0%,rgba(255,224,138,.11),transparent 34%),linear-gradient(120deg,rgba(255,255,255,.045),transparent 38%,rgba(212,175,55,.035));pointer-events:none}.account-panel>*{position:relative;z-index:1}
.account-menu.is-open .account-panel{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.account-panel__head{display:grid;gap:6px;margin:0 0 16px;padding:0 0 16px;border-bottom:1px solid rgba(255,255,255,.08)}.account-panel__head span{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--su-gold-soft);font-weight:900}.account-panel__head strong{font-size:17px;line-height:1.35;color:var(--su-cream)}
.account-panel__primary,.account-panel__secondary{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;border-radius:14px;font-weight:900;margin:10px 0;text-align:center;letter-spacing:.01em}.account-panel__primary{background:linear-gradient(135deg,var(--su-gold),#ffe78d 55%,#b88b18);color:#090909!important;box-shadow:0 16px 34px rgba(212,175,55,.26),inset 0 1px 0 rgba(255,255,255,.28)}.account-panel__secondary{border:1px solid rgba(212,175,55,.32);background:rgba(255,255,255,.04);color:var(--su-cream)!important}
.account-panel__grid{display:grid;gap:6px;margin:16px 0;padding:14px 0;border-top:1px solid rgba(255,255,255,.075);border-bottom:1px solid rgba(255,255,255,.075)}.account-panel__grid a,.account-panel__links a,.account-panel__section--muted a{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:10px 12px;border-radius:14px;color:rgba(255,248,220,.76);font-weight:800;font-size:14px;transition:background .18s ease,color .18s ease,transform .18s ease}.account-panel__grid a::after,.account-panel__section--muted a::after{content:"›";margin-left:auto;color:rgba(255,224,138,.42);font-size:18px;line-height:1}.account-panel__grid a:hover,.account-panel__links a:hover,.account-panel__section--muted a:hover{background:rgba(212,175,55,.105);color:#fff;transform:translateX(2px)}
.account-panel__ico{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;border-radius:8px;color:var(--su-gold-soft);background:rgba(212,175,55,.08);font-size:14px;line-height:1}
.account-panel__section{margin-top:16px}.account-panel__section p{margin:0 0 10px;color:var(--su-gold-soft);font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:900}.account-panel__links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-panel__links a{justify-content:center;padding:10px 12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.035);font-size:13px}.account-panel__section--muted{padding-top:14px;border-top:1px solid rgba(255,255,255,.075)}
@media(max-width:760px){.account-trigger{padding:8px 11px}.account-trigger__text small{font-size:10px}.account-trigger__text b{font-size:12px}.account-panel{right:0;top:calc(100% + 10px);width:min(342px,calc(100vw - 24px));max-height:min(74vh,610px);padding:18px;border-radius:16px}.account-panel__links{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.account-panel{right:-54px;width:calc(100vw - 24px);padding:16px}.account-panel__links{grid-template-columns:1fr}.account-trigger__text{display:grid}.account-trigger__icon{width:30px;height:30px}}

/* Modal premium de acceso cliente (login / registro) */
.account-panel__primary,.account-panel__secondary{border:0;cursor:pointer;font-family:inherit}
.account-panel__secondary{background:rgba(255,255,255,.035)}
.auth-modal[hidden]{display:none!important}.auth-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px}.auth-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.auth-modal__card{position:relative;width:min(94vw,620px);max-height:min(92vh,820px);overflow:auto;background:linear-gradient(145deg,rgba(14,14,16,.97),rgba(4,4,5,.93));border:1px solid rgba(255,224,138,.25);border-radius:28px;padding:clamp(22px,4vw,38px);box-shadow:0 34px 120px rgba(0,0,0,.74),0 0 60px rgba(212,175,55,.13);color:var(--su-cream)}.auth-modal__close{position:absolute;right:20px;top:18px;width:36px;height:36px;border:0;background:transparent;color:rgba(255,248,220,.86);font-size:32px;line-height:1;cursor:pointer;box-shadow:none!important}.auth-modal__head{text-align:center;padding:0 36px 14px}.auth-modal__head h2{margin:0 0 8px;font-size:clamp(28px,5vw,42px);letter-spacing:-.04em}.auth-modal__head p{margin:0;color:rgba(255,248,220,.72);font-weight:700}.auth-modal__head p span{color:#18b777;font-size:12px;margin-right:8px}.auth-modal__tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 18px}.auth-modal__tabs button{border:1px solid rgba(255,224,138,.20);background:rgba(255,255,255,.035);color:rgba(255,248,220,.68);border-radius:999px;min-height:40px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;cursor:pointer}.auth-modal__tabs button.is-active{background:linear-gradient(135deg,#ffe88f,#d4af37);color:#111;box-shadow:0 0 28px rgba(212,175,55,.22)}.auth-modal__panel{display:none}.auth-modal__panel.is-active{display:block}.auth-modal__form{display:grid;gap:14px}.auth-modal__form label,.auth-modal .client-form label{display:grid;gap:8px;margin:12px 0;color:var(--su-muted);font-weight:800}.auth-modal input{width:100%;min-height:54px;border-radius:16px;border:1px solid rgba(212,175,55,.30);background:rgba(255,255,255,.075);color:var(--su-cream);padding:0 16px;font-weight:800;outline:none}.auth-modal input:focus{border-color:#ffe68e;box-shadow:0 0 0 3px rgba(255,224,138,.12),0 0 28px rgba(212,175,55,.16)}.password-field{position:relative!important;display:block!important;width:100%!important}.password-field input{display:block!important;width:100%!important;padding-right:52px!important}.password-field .password-toggle{position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:rgba(255,248,220,.58)!important;box-shadow:none!important;display:grid!important;place-items:center!important;z-index:4!important;line-height:1!important}.password-field .password-toggle svg{width:19px!important;height:19px!important;display:block!important}.password-field .password-toggle:hover,.password-field .password-toggle.is-visible{color:#ffe68e!important;background:transparent!important;box-shadow:none!important}.password-field .password-toggle:focus-visible{outline:2px solid rgba(255,224,138,.55)!important;outline-offset:4px!important;border-radius:999px!important}.auth-modal .client-small-link{display:block;text-align:center;margin:8px auto 0;color:#ffe68e;font-weight:900}.register-progress,.register-modal__progress{display:flex;gap:8px;margin:14px 0 6px}.register-progress span,.register-modal__progress span{flex:1;text-align:center;border:1px solid rgba(255,224,138,.18);background:rgba(255,255,255,.035);border-radius:999px;padding:8px 10px;color:rgba(255,248,220,.64);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.register-progress span.is-active,.register-modal__progress span.is-active{background:linear-gradient(135deg,#ffe88f,#d4af37);color:#111;box-shadow:0 0 24px rgba(212,175,55,.22)}.auth-modal .client-form--register-start{display:grid;gap:14px!important}.register-modal__copy{text-align:center;color:rgba(255,248,220,.78);font-size:17px;line-height:1.55;margin:20px auto 6px;max-width:440px}.register-modal__link,.register-resend{display:block;margin:8px auto 22px;border:0;background:transparent;color:#ffe68e;font-weight:900;cursor:pointer;box-shadow:none!important}.register-resend[disabled]{color:rgba(255,248,220,.48);cursor:not-allowed}.register-code-boxes{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:24px auto 14px;max-width:430px}.register-code-boxes input{height:66px;text-align:center;font-size:28px;font-weight:900;border-radius:14px;padding:0}.register-profile-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}.register-profile-form .client-form__full{grid-column:1/-1}@media(max-width:620px){.auth-modal{padding:10px}.auth-modal__card{border-radius:22px;padding:22px 16px}.auth-modal__tabs{grid-template-columns:1fr}.register-code-boxes{gap:7px}.register-code-boxes input{height:52px;font-size:22px}.register-profile-form{grid-template-columns:1fr!important}.register-progress span{font-size:10px;padding:7px 6px}}

/* Ajuste puntual: panel de cuenta siempre al frente y modal de acceso funcional */
.site-header{z-index:20000!important;overflow:visible!important;isolation:isolate!important;}
.header-actions,.account-menu{z-index:20020!important;}
.account-panel{z-index:20030!important;pointer-events:auto!important;}
.account-menu.is-open .account-panel{z-index:20030!important;pointer-events:auto!important;}
.auth-modal{z-index:30000!important;}
.auth-modal__backdrop{z-index:0!important;}
.auth-modal__card{z-index:1!important;}

/* Ajuste final: cuenta móvil premium sin romper desktop */
@media (max-width: 760px) {
  body::before {
    opacity: .72;
    background-size: 118px 170px, 168px 230px, 140px 210px, 210px 280px;
  }

  .site-header {
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 12px !important;
  }

  .brand {
    flex: 1 1 auto;
    min-width: 0;
    gap: 9px;
  }

  .brand__logo {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
  }

  .brand__text {
    min-width: 0;
  }

  .brand__text b {
    display: block;
    max-width: 118px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .brand__text small {
    letter-spacing: .13em;
  }

  .header-actions {
    flex: 0 0 auto;
    gap: 6px !important;
    margin-left: 0 !important;
  }

  .account-trigger {
    min-height: 40px;
    max-width: 150px;
    padding: 6px 9px !important;
    gap: 7px;
  }

  .account-trigger__icon {
    flex: 0 0 28px;
    width: 28px !important;
    height: 28px !important;
    font-size: 14px;
  }

  .account-trigger__text {
    min-width: 0;
  }

  .account-trigger__text small,
  .account-trigger__text b {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .account-trigger__text small {
    font-size: 9px !important;
  }

  .account-trigger__text b {
    font-size: 11px !important;
  }

  .icon-link {
    width: 40px;
    height: 40px;
    padding: 0 !important;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,224,138,.18);
  }

  .account-menu.is-open::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 20024;
    background: rgba(0,0,0,.62);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }

  .account-panel {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: calc(env(safe-area-inset-top, 0px) + 78px) !important;
    width: min(92vw, 368px) !important;
    max-width: min(92vw, 368px) !important;
    max-height: calc(100svh - 104px) !important;
    padding: 18px !important;
    border-radius: 22px !important;
    transform: translate(-50%, 10px) scale(.985) !important;
    transform-origin: top center !important;
    z-index: 20030 !important;
    box-shadow: 0 34px 120px rgba(0,0,0,.78), 0 0 48px rgba(212,175,55,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  .account-menu.is-open .account-panel {
    transform: translate(-50%, 0) scale(1) !important;
  }

  .account-panel__head {
    gap: 5px;
    margin-bottom: 14px;
    padding-bottom: 14px;
  }

  .account-panel__head strong {
    font-size: 16px;
  }

  .account-panel__primary,
  .account-panel__secondary {
    min-height: 44px;
    border-radius: 14px;
    margin: 8px 0;
    font-size: 14px;
  }

  .account-panel__grid {
    gap: 5px;
    margin: 14px 0;
    padding: 12px 0;
  }

  .account-panel__grid a,
  .account-panel__links a,
  .account-panel__section--muted a {
    min-height: 40px;
    padding: 9px 10px;
    font-size: 13px;
    border-radius: 12px;
  }

  .account-panel__ico {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
    font-size: 12px;
  }

  .account-panel__section {
    margin-top: 14px;
  }

  .account-panel__section p {
    font-size: 10px;
    margin-bottom: 9px;
  }

  .account-panel__links {
    grid-template-columns: 1fr 1fr !important;
    gap: 7px;
  }

  .account-panel::-webkit-scrollbar {
    width: 4px;
  }
}

@media (max-width: 390px) {
  .brand__text b { max-width: 92px; }
  .account-trigger { max-width: 132px; }
  .account-trigger__text small { display: none; }
  .account-panel { width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; padding: 16px !important; }
  .account-panel__links { grid-template-columns: 1fr !important; }
}
.cart-login-required{display:grid;gap:12px;margin-top:18px;padding:16px;border:1px solid rgba(212,175,55,.28);border-radius:20px;background:linear-gradient(145deg,rgba(212,175,55,.10),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.cart-login-required h3{margin:0;color:var(--su-gold-soft)}
.cart-login-required p{margin:0;color:var(--su-muted);font-size:14px;line-height:1.45}

/* Checkout web: cliente registrado + cupón */
.cart-checkout-phase{display:grid;gap:12px;margin-top:18px;padding:16px;border:1px solid rgba(212,175,55,.28);border-radius:20px;background:linear-gradient(145deg,rgba(212,175,55,.10),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.cart-field{display:grid;gap:8px;color:var(--su-muted);font-weight:700}
.cart-field input,.cart-field select{width:100%;min-height:44px;border-radius:14px;border:1px solid var(--su-line);background:rgba(255,255,255,.07);color:#fff;padding:0 12px;outline:none}
.cart-field select option{background:#101010;color:#fff}
.cart-field small{font-size:12px;color:rgba(255,255,255,.58);line-height:1.35}
.cart-checkout-phase .btn[disabled]{opacity:.65;cursor:wait}

/* Fix carrito/producto: cantidad visible y usable */
.qty,
.qty--product,
.cart-item__qty{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}
.qty input,
.qty--product input[data-product-qty],
.cart-item__qty input[data-cart-qty]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:42px !important;
  min-width:42px !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:12px !important;
  border:1px solid rgba(255,224,138,.28) !important;
  background:rgba(255,255,255,.075) !important;
  color:#fff8dc !important;
  -webkit-text-fill-color:#fff8dc !important;
  opacity:1 !important;
  text-align:center !important;
  text-indent:0 !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:38px !important;
  appearance:textfield !important;
  -moz-appearance:textfield !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.qty input::-webkit-outer-spin-button,
.qty input::-webkit-inner-spin-button{
  -webkit-appearance:none !important;
  margin:0 !important;
}
.qty button,
.qty--product button,
.cart-item__qty button{
  width:42px !important;
  min-width:42px !important;
  height:38px !important;
  min-height:38px !important;
  display:inline-grid !important;
  place-items:center !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1 !important;
  cursor:pointer !important;
}


/* SUAVE FINAL PREMIUM FX: descripciones ocultas + brillo de marca */
.mouse-spotlight{mix-blend-mode:screen;opacity:.58!important}
.gold-particle{box-shadow:0 0 12px rgba(255,224,138,.48),0 0 22px rgba(212,175,55,.22)!important}
.su-card-desc{
  max-height:0!important;
  opacity:0;
  overflow:hidden;
  transform:translateY(-6px);
  margin:0!important;
  transition:max-height .42s ease,opacity .25s ease,transform .28s ease,margin .28s ease;
}
.is-desc-open .su-card-desc{
  max-height:280px!important;
  opacity:1;
  transform:none;
  margin:10px 0 0!important;
}
.su-desc-toggle{
  margin-top:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(255,224,138,.32);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(212,175,55,.18),rgba(255,255,255,.045));
  color:var(--su-gold-soft,#ffe08a);
  font-weight:900;
  cursor:pointer;
  padding:8px 12px;
  position:relative;
  z-index:6;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}
.su-desc-toggle::after{content:"+";font-weight:900;font-size:15px;line-height:1}
.is-desc-open .su-desc-toggle::after{content:"−"}
.su-desc-toggle:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 34px rgba(212,175,55,.16);
  border-color:rgba(255,224,138,.55);
  background:linear-gradient(135deg,rgba(212,175,55,.25),rgba(255,255,255,.06));
}
.product-card,.category-card,.lookbook-card{isolation:isolate;position:relative}
.product-card::after,.category-card::after,.lookbook-card::after{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(115deg,transparent 0%,transparent 38%,rgba(255,230,150,.20) 50%,transparent 62%,transparent 100%);
  opacity:0;
  transform:translateX(-26%);
  transition:opacity .28s ease,transform .68s ease;
  z-index:2;
  mix-blend-mode:screen;
}
.product-card:hover::after,.category-card:hover::after,.lookbook-card:hover::after{opacity:.82;transform:translateX(26%)}
.product-card:hover,.category-card:hover,.lookbook-card:hover{
  transform:translateY(-6px) scale(1.01);
  box-shadow:0 34px 95px rgba(0,0,0,.56),0 0 46px rgba(212,175,55,.16),inset 0 1px 0 rgba(255,255,255,.08);
}
.product-card__media::after,.category-card__image::after,.lookbook-card__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 82%,rgba(212,175,55,.16),transparent 48%);
  pointer-events:none;
  opacity:.75;
}
.btn--gold,.btn-gold{box-shadow:0 10px 28px rgba(212,175,55,.20),0 0 0 1px rgba(255,224,138,.20) inset}
.btn--gold:hover,.btn-gold:hover{box-shadow:0 20px 50px rgba(212,175,55,.28),0 0 34px rgba(255,224,138,.18)}
.su-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
.su-reveal.is-visible{opacity:1;transform:none}
.hero.su-reveal{transform:translateY(12px) scale(.99)}
.hero.su-reveal.is-visible{transform:none}
@media(max-width:820px){
  .su-desc-toggle{width:100%}
  .mouse-spotlight{display:none!important}
}
@media (prefers-reduced-motion: reduce){
  .su-reveal,.su-reveal.is-visible{opacity:1!important;transform:none!important;transition:none!important}
  .product-card::after,.category-card::after,.lookbook-card::after{display:none}
  .su-card-desc{transition:none}
}


/* SUAVE FIX FINAL: descripciones reales en tarjetas */
.product-card .su-card-desc,
.category-card .su-card-desc,
.lookbook-card .su-card-desc{
  display:block;
  max-height:0!important;
  opacity:0;
  overflow:hidden;
  transform:translateY(-6px);
  margin:0!important;
  color:rgba(248,245,237,.76);
  font-size:14px;
  line-height:1.55;
  transition:max-height .42s ease,opacity .25s ease,transform .28s ease,margin .28s ease;
}
.product-card.is-desc-open .su-card-desc,
.category-card.is-desc-open .su-card-desc,
.lookbook-card.is-desc-open .su-card-desc{
  max-height:320px!important;
  opacity:1;
  transform:none;
  margin:10px 0 0!important;
}
.category-card .su-desc-toggle,
.product-card .su-desc-toggle,
.lookbook-card .su-desc-toggle{
  margin-top:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(255,224,138,.34);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(212,175,55,.18),rgba(255,255,255,.045));
  color:var(--su-gold-soft,#ffe08a);
  font-weight:900;
  cursor:pointer;
  padding:8px 12px;
  position:relative;
  z-index:12;
  pointer-events:auto;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}
.category-card .su-desc-toggle::after,
.product-card .su-desc-toggle::after,
.lookbook-card .su-desc-toggle::after{content:"+";font-weight:900;font-size:15px;line-height:1}
.category-card.is-desc-open .su-desc-toggle::after,
.product-card.is-desc-open .su-desc-toggle::after,
.lookbook-card.is-desc-open .su-desc-toggle::after{content:"−"}
.category-card .su-desc-toggle:hover,
.product-card .su-desc-toggle:hover,
.lookbook-card .su-desc-toggle:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 34px rgba(212,175,55,.18);
  border-color:rgba(255,224,138,.58);
  background:linear-gradient(135deg,rgba(212,175,55,.26),rgba(255,255,255,.065));
}
.category-card .su-card-desc{color:rgba(248,245,237,.82)}
@media(max-width:820px){
  .category-card .su-desc-toggle,
  .product-card .su-desc-toggle,
  .lookbook-card .su-desc-toggle{width:100%}
}




/* Envío gratis / confianza premium */
.su-free-ship-top{
  position:relative;
  z-index:55;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:8px 16px;
  text-align:center;
  color:#fff3bf;
  background:
    radial-gradient(circle at 15% 50%,rgba(255,224,138,.24),transparent 24%),
    radial-gradient(circle at 85% 50%,rgba(212,175,55,.18),transparent 24%),
    linear-gradient(90deg,rgba(12,10,6,.96),rgba(66,46,12,.94),rgba(12,10,6,.96));
  border-bottom:1px solid rgba(255,224,138,.28);
  box-shadow:0 12px 36px rgba(212,175,55,.14);
  font-size:.82rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.su-free-ship-top strong{color:#ffe08a;font-weight:900}
.su-free-ship-top small{
  color:rgba(255,255,255,.7);
  letter-spacing:.06em;
}
.su-free-ship-top__pulse{
  width:9px;height:9px;border-radius:999px;
  background:#ffe08a;
  box-shadow:0 0 0 0 rgba(255,224,138,.75);
  animation:suPromoPulse 1.8s infinite;
}
@keyframes suPromoPulse{
  0%{box-shadow:0 0 0 0 rgba(255,224,138,.75)}
  70%{box-shadow:0 0 0 10px rgba(255,224,138,.0)}
  100%{box-shadow:0 0 0 0 rgba(255,224,138,.0)}
}
.header-free-ship-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  color:#171105;
  background:linear-gradient(135deg,#ffe08a,#d4af37);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 12px 28px rgba(212,175,55,.2);
}
.hero-free-ship-badge,
.product-free-ship-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:10px 0 14px;
  padding:10px 14px;
  width:max-content;
  max-width:100%;
  border-radius:999px;
  border:1px solid rgba(255,224,138,.28);
  background:linear-gradient(135deg,rgba(212,175,55,.18),rgba(255,255,255,.06));
  box-shadow:0 16px 42px rgba(212,175,55,.12), inset 0 1px 0 rgba(255,255,255,.08);
  color:#ffe8a3;
}
.hero-free-ship-badge b,
.product-free-ship-badge strong{font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.hero-free-ship-badge span,
.product-free-ship-badge span{color:rgba(255,255,255,.78);font-size:.86rem}
.su-trust-strip{
  width:min(1180px,calc(100% - 28px));
  margin:18px auto 38px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.su-trust-strip article{
  position:relative;
  overflow:hidden;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid rgba(255,224,138,.18);
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(212,175,55,.08));
  box-shadow:0 18px 48px rgba(0,0,0,.25);
  backdrop-filter:blur(16px);
}
.su-trust-strip article::before{
  content:"";
  position:absolute;
  inset:auto -30% -45% auto;
  width:130px;
  height:130px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(212,175,55,.22),transparent 70%);
}
.su-trust-strip b{
  display:block;
  color:#ffe08a;
  font-size:.92rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  margin-bottom:4px;
}
.su-trust-strip span{color:rgba(255,255,255,.74);font-size:.88rem}
.su-trust-strip--compact{margin-top:-4px;margin-bottom:28px}
.su-trust-strip--cart{margin-top:8px;margin-bottom:28px}
.footer-free-shipping--trust{
  margin:12px 0;
  padding:14px 15px;
  border-radius:18px;
  border:1px solid rgba(255,224,138,.22);
  background:linear-gradient(135deg,rgba(212,175,55,.13),rgba(255,255,255,.045));
  color:#ffe8a3;
  box-shadow:0 16px 36px rgba(0,0,0,.18);
}
.footer-free-shipping--trust strong{display:block;font-size:.94rem;text-transform:uppercase;letter-spacing:.08em}
.footer-free-shipping--trust small{display:block;color:rgba(255,255,255,.68);margin-top:4px;line-height:1.45}
.cart-free-shipping{
  margin:8px 0 12px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(85,212,137,.28);
  background:linear-gradient(135deg,rgba(85,212,137,.13),rgba(212,175,55,.08));
  color:#ddffe9;
  box-shadow:0 16px 38px rgba(0,0,0,.18);
}
.cart-free-shipping strong{display:block;color:#ddffe9;font-weight:900}
.cart-free-shipping span{display:block;color:rgba(255,255,255,.72);font-size:.88rem;margin-top:3px}
.cart-summary__line--free b{color:#99f0bc;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:900px){
  .su-trust-strip{grid-template-columns:1fr;margin-bottom:28px}
  .header-free-ship-pill{display:none}
}
@media(max-width:720px){
  .su-free-ship-top{
    flex-wrap:wrap;
    gap:6px;
    min-height:46px;
    font-size:.68rem;
    line-height:1.2;
    padding:8px 10px;
  }
  .su-free-ship-top small{width:100%;font-size:.66rem}
  .hero-free-ship-badge,.product-free-ship-badge{border-radius:18px;width:100%}
}


/* =========================================================
   SUAVE CSS CLEAN FINAL — estabilidad visual y compatibilidad
   Este bloque corrige conflictos de capas, hero, efectos y mobile.
   ========================================================= */

:root{
  --su-cream:#fff8dc;
}

/* Capas: el fondo queda atrás, efectos encima del fondo y contenido clickeable al frente */
.site-bg{z-index:-3!important;}
body::before,
body::after{
  pointer-events:none!important;
}
body > *:not(.site-bg):not(.mouse-spotlight):not(.gold-particles):not(.auth-modal){
  position:relative;
  z-index:1;
}
.mouse-spotlight,
.gold-particles{
  position:fixed!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:2!important;
}
.site-header,
.su-free-ship-top{
  position:sticky;
  z-index:20000!important;
}
.su-free-ship-top{
  top:0;
}
.site-header{
  top:0;
}
.auth-modal{z-index:30000!important;}

/* Hero: modelo completo, centrado, estable y sin transform duplicado */
.hero--background-models{
  min-height:clamp(560px,78vh,860px);
}
.hero__layout{
  min-height:inherit;
}
.hero__visual{
  min-height:clamp(520px,72vh,820px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#000!important;
}
.hero__visual img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  animation:none!important;
  background:#000!important;
}

/* Evita que overlays del hero bloqueen botones o imagen */
.hero__visual::before,
.hero__visual::after,
.hero--background-models::before,
.hero--background-models::after{
  pointer-events:none!important;
}

/* Tarjetas: descripción desplegable estable */
.product-card,
.category-card,
.lookbook-card{
  position:relative;
  isolation:isolate;
}
.product-card .su-card-desc,
.category-card .su-card-desc,
.lookbook-card .su-card-desc{
  display:block;
  max-height:0!important;
  opacity:0;
  overflow:hidden;
  transform:translateY(-6px);
  margin:0!important;
  color:rgba(248,245,237,.78);
  font-size:14px;
  line-height:1.55;
  transition:max-height .42s ease,opacity .25s ease,transform .28s ease,margin .28s ease;
}
.product-card.is-desc-open .su-card-desc,
.category-card.is-desc-open .su-card-desc,
.lookbook-card.is-desc-open .su-card-desc{
  max-height:340px!important;
  opacity:1;
  transform:none;
  margin:10px 0 0!important;
}
.su-desc-toggle,
.product-card .su-desc-toggle,
.category-card .su-desc-toggle,
.lookbook-card .su-desc-toggle{
  pointer-events:auto!important;
  position:relative;
  z-index:12!important;
}

/* Inputs/selects: contraste real en Hostinger/navegadores */
input,
textarea,
select{
  color:#fff8dc!important;
  -webkit-text-fill-color:#fff8dc;
}
select option,
select optgroup{
  background:#11100b!important;
  color:#fff8df!important;
}

/* Botones: brillo sin tapar texto */
.btn,
.header-link--gold{
  isolation:isolate;
}
.btn::before,
.header-link--gold::before{
  pointer-events:none!important;
}

/* Carrito sin cobro de envío: mostrar envío gratis visual sin reactivar selector */
.cart-summary__line--free b{
  color:#99f0bc!important;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.cart-free-shipping--ok,
.cart-free-shipping{
  border-color:rgba(85,212,137,.32)!important;
}

/* Mobile: estructura estable */
@media(max-width:820px){
  .hero--background-models{
    min-height:clamp(560px,76vh,760px)!important;
  }
  .hero__layout{
    grid-template-columns:1fr!important;
  }
  .hero__visual{
    min-height:360px!important;
    order:1;
  }
  .hero__visual img{
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    animation:none!important;
  }
  .hero--background-models .hero__copy{
    order:2;
  }
  .mouse-spotlight{
    opacity:.22!important;
  }
}
@media(max-width:520px){
  .hero--background-models{
    min-height:560px!important;
  }
  .hero__visual{
    min-height:320px!important;
  }
  .su-free-ship-top{
    position:relative!important;
  }
}

/* Accesibilidad y rendimiento */
@media(prefers-reduced-motion:reduce){
  .mouse-spotlight,
  .gold-particles{
    display:none!important;
  }
  .hero--background-models .hero__copy,
  .hero__visual img,
  .su-reveal,
  .product-card,
  .category-card,
  .lookbook-card{
    animation:none!important;
    transition:none!important;
    transform:none!important;
  }
}
/* =========================================================
   SUAVE FINAL STABILITY PATCH
   Mantener este bloque al final.
   ========================================================= */

:root{
  --su-cream:#fff8dc;
}

/* Capas visuales */
.site-bg{z-index:-3!important;}
body::before,
body::after{
  pointer-events:none!important;
}
.mouse-spotlight,
.gold-particles{
  position:fixed!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:2!important;
}
body > :not(.site-bg):not(.mouse-spotlight):not(.gold-particles):not(.auth-modal){
  position:relative;
  z-index:3;
}
.site-header,
.su-free-ship-top{
  z-index:20000!important;
}
.auth-modal{z-index:30000!important;}

/* Hero estable */
.hero--background-models{
  min-height:clamp(560px,78vh,860px)!important;
}
.hero__layout{
  min-height:inherit!important;
}
.hero__visual{
  min-height:clamp(520px,72vh,820px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#000!important;
}
.hero__visual img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  animation:none!important;
  background:#000!important;
}
.hero__visual::before,
.hero__visual::after,
.hero--background-models::before,
.hero--background-models::after{
  pointer-events:none!important;
}

/* Tarjetas y descripción desplegable */
.product-card,
.category-card,
.lookbook-card{
  position:relative!important;
  isolation:isolate!important;
}
.product-card .su-card-desc,
.category-card .su-card-desc,
.lookbook-card .su-card-desc{
  display:block!important;
  max-height:0!important;
  opacity:0!important;
  overflow:hidden!important;
  transform:translateY(-6px)!important;
  margin:0!important;
  color:rgba(248,245,237,.78)!important;
  font-size:14px!important;
  line-height:1.55!important;
  transition:max-height .42s ease,opacity .25s ease,transform .28s ease,margin .28s ease!important;
}
.product-card.is-desc-open .su-card-desc,
.category-card.is-desc-open .su-card-desc,
.lookbook-card.is-desc-open .su-card-desc{
  max-height:340px!important;
  opacity:1!important;
  transform:none!important;
  margin:10px 0 0!important;
}
.su-desc-toggle,
.product-card .su-desc-toggle,
.category-card .su-desc-toggle,
.lookbook-card .su-desc-toggle{
  pointer-events:auto!important;
  position:relative!important;
  z-index:12!important;
}

/* Formularios */
input,
textarea,
select{
  color:#fff8dc!important;
  -webkit-text-fill-color:#fff8dc!important;
}
select option,
select optgroup{
  background:#11100b!important;
  color:#fff8df!important;
}

/* Botones */
.btn,
.header-link--gold{
  isolation:isolate!important;
}
.btn::before,
.header-link--gold::before{
  pointer-events:none!important;
  z-index:0!important;
}
.btn > *,
.header-link--gold > *{
  position:relative;
  z-index:1;
}

/* Envío gratis visual */
.cart-summary__line--free b{
  color:#99f0bc!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.cart-free-shipping,
.cart-free-shipping--ok{
  border-color:rgba(85,212,137,.32)!important;
}

/* Responsive */
@media(max-width:820px){
  .hero--background-models{
    min-height:clamp(560px,76vh,760px)!important;
  }
  .hero__layout{
    grid-template-columns:1fr!important;
  }
  .hero__visual{
    min-height:360px!important;
    order:1!important;
  }
  .hero__visual img{
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    animation:none!important;
  }
  .hero--background-models .hero__copy{
    order:2!important;
  }
  .mouse-spotlight{
    opacity:.22!important;
  }
}
@media(max-width:520px){
  .hero--background-models{
    min-height:560px!important;
  }
  .hero__visual{
    min-height:320px!important;
  }
  .su-free-ship-top{
    position:relative!important;
  }
}

/* Accesibilidad */
@media(prefers-reduced-motion:reduce){
  .mouse-spotlight,
  .gold-particles{
    display:none!important;
  }
  .hero--background-models .hero__copy,
  .hero__visual img,
  .su-reveal,
  .product-card,
  .category-card,
  .lookbook-card{
    animation:none!important;
    transition:none!important;
    transform:none!important;
  }
}
/* csslint ignore:end */

/* =========================================================
   SUAVE HERO MODELOS FIJO + FULL WIDTH ESTABLE
   Imagen fija de modelos como fondo premium del hero.
   Ruta:
   /assets/img/hero-modelos-fijo.png
   ========================================================= */

.hero--background-models{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  min-height:clamp(520px,64vh,700px)!important;
  padding:clamp(22px,4vw,54px)!important;
  border-radius:0!important;
  background:#030305!important;
}

/* Imagen fija principal a todo lo ancho */
.hero--background-models::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.94) 0%,
      rgba(0,0,0,.78) 24%,
      rgba(0,0,0,.36) 46%,
      rgba(0,0,0,.18) 68%,
      rgba(0,0,0,.46) 100%
    ),
    radial-gradient(
      circle at 68% 42%,
      rgba(212,175,55,.10) 0%,
      transparent 34%
    ),
    url("/assets/img/hero-modelos-fijo.png") center center / cover no-repeat!important;
  filter:brightness(.92) contrast(1.08) saturate(1.05)!important;
  transform:none!important;
  background-attachment:scroll!important;
}

/* Difuminado, borde y profundidad */
.hero--background-models::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  border-radius:0!important;
  border-top:1px solid rgba(212,175,55,.18)!important;
  border-bottom:1px solid rgba(212,175,55,.18)!important;
  background:
    radial-gradient(
      circle at 68% 48%,
      transparent 0%,
      rgba(0,0,0,.10) 42%,
      rgba(0,0,0,.60) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0,0,0,.08) 0%,
      transparent 42%,
      rgba(0,0,0,.70) 100%
    )!important;
  box-shadow:
    inset 0 0 110px rgba(0,0,0,.82),
    inset 0 0 70px rgba(212,175,55,.08)!important;
}

/* Contenido centrado dentro del hero full width */
.hero--background-models .hero__layout{
  position:relative!important;
  z-index:3!important;
  width:min(1180px,calc(100% - 32px))!important;
  margin:0 auto!important;
  min-height:inherit!important;
  display:grid!important;
  grid-template-columns:minmax(320px,.82fr) minmax(360px,1.18fr)!important;
  align-items:center!important;
  gap:clamp(20px,3vw,42px)!important;
}

/* Caja de texto más compacta y premium */
.hero--background-models .hero__copy{
  position:relative!important;
  z-index:4!important;
  max-width:560px!important;
  align-self:center!important;
  padding:clamp(22px,3vw,38px)!important;
  background:
    linear-gradient(
      135deg,
      rgba(5,5,8,.74),
      rgba(10,10,14,.40)
    )!important;
  border:1px solid rgba(255,224,138,.18)!important;
  border-radius:28px!important;
  box-shadow:
    0 24px 80px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(12px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(135%)!important;
}

/* Evita que el bloque visual viejo agrande el hero o duplique imagen */
.hero--background-models .hero__visual{
  position:relative!important;
  z-index:2!important;
  min-height:clamp(380px,54vh,620px)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}

.hero--background-models .hero__visual::before,
.hero--background-models .hero__visual::after{
  display:none!important;
}

.hero--background-models .hero__visual img{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:none!important;
  animation:none!important;
}

/* Elementos del hero por encima del fondo */
.hero--background-models .hero-free-ship-badge,
.hero--background-models .hero__actions,
.hero--background-models .hero__lead,
.hero--background-models .eyebrow{
  position:relative!important;
  z-index:5!important;
}

/* Contraste del texto */
.hero--background-models h1{
  color:#fff8dc!important;
  text-shadow:
    0 0 28px rgba(0,0,0,.75),
    0 0 34px rgba(212,175,55,.16)!important;
}

.hero--background-models .hero__lead,
.hero--background-models p,
.hero--background-models span{
  text-shadow:0 0 18px rgba(0,0,0,.75)!important;
}

/* Botones más visibles sobre imagen */
.hero--background-models .btn,
.hero--background-models .hero__actions a{
  box-shadow:
    0 14px 34px rgba(0,0,0,.32),
    0 0 24px rgba(212,175,55,.16),
    0 0 26px rgba(112,83,255,.10)!important;
}

/* Tablet / móvil */
@media(max-width:980px){
  .hero--background-models{
    min-height:clamp(620px,74vh,760px)!important;
    padding:18px!important;
  }

  .hero--background-models .hero__layout{
    width:min(100% - 24px,680px)!important;
    grid-template-columns:1fr!important;
    align-items:end!important;
  }

  .hero--background-models .hero__copy{
    max-width:100%!important;
    align-self:end!important;
    margin-top:280px!important;
  }

  .hero--background-models .hero__visual{
    display:none!important;
  }

  .hero--background-models::before{
    background:
      linear-gradient(
        180deg,
        rgba(0,0,0,.16) 0%,
        rgba(0,0,0,.30) 38%,
        rgba(0,0,0,.88) 82%,
        rgba(0,0,0,.95) 100%
      ),
      radial-gradient(
        circle at 50% 28%,
        rgba(212,175,55,.10) 0%,
        transparent 42%
      ),
      url("/assets/img/hero-modelos-fijo.png") center top / cover no-repeat!important;
    background-attachment:scroll!important;
    transform:none!important;
  }
}

@media(max-width:640px){
  .hero--background-models{
    min-height:680px!important;
    padding:18px!important;
  }

  .hero--background-models .hero__copy{
    margin-top:300px!important;
    padding:22px!important;
    border-radius:22px!important;
  }

  .hero--background-models h1{
    font-size:clamp(38px,13vw,62px)!important;
  }

  .hero--background-models::before{
    background-position:center top!important;
    background-size:cover!important;
  }
}

/* =========================================================
   END SUAVE HERO FULL WIDTH ESTABLE
   ========================================================= */

/* =========================================================
   SUAVE HERO TEXTO REAL — AJUSTE FINAL DROP SHADE
   LO REAL = DropShade-Shadow
   SE VISTE = Block Buster
   Texto real, sin imagen, sin cuadro/tarjeta.
   ========================================================= */

/* Seguridad de fuentes locales */
@font-face{
  font-family:"DropShade-Shadow";
  src:url("/assets/fonts/DropShade-Shadow.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Block Buster";
  src:url("/assets/fonts/Block Buster.otf") format("opentype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

/* Quita cualquier cuadro/tarjeta del hero */
.hero--background-models .hero__copy.hero__copy--slogan,
.hero--background-models .hero__copy{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.hero--background-models .hero__copy.hero__copy--slogan{
  padding:0!important;
  border-radius:0!important;
  max-width:680px!important;
}

/* Contenedor del slogan */
.hero-slogan.hero-slogan--text{
  position:relative!important;
  display:block!important;
  width:min(620px,100%)!important;
  max-width:620px!important;
  margin:0 0 18px!important;
  padding:0!important;
  line-height:1!important;
  overflow:visible!important;
  text-transform:uppercase!important;
  letter-spacing:0!important;
  filter:
    drop-shadow(0 10px 24px rgba(0,0,0,.70))
    drop-shadow(0 0 22px rgba(212,175,55,.14))!important;
}

/* NUEVA COLECCIÓN */
.hero__copy--slogan .eyebrow{
  margin:0 0 12px!important;
  color:#7562ff!important;
  font-size:clamp(13px,1.35vw,18px)!important;
  font-weight:900!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  text-shadow:
    0 0 14px rgba(117,98,255,.64),
    0 0 22px rgba(0,0,0,.70)!important;
}

/* LO REAL — ajustado para fuente DropShade-Shadow */
.hero-slogan__real{
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  white-space:nowrap!important;

  font-family:"DropShade-Shadow","Anton","Impact","Arial Black",system-ui,sans-serif!important;
  font-size:clamp(42px,6.4vw,92px)!important;
  font-weight:400!important;
  line-height:.88!important;
  letter-spacing:.01em!important;

  color:#f5f5f2!important;
  transform:scaleX(.88)!important;
  transform-origin:left center!important;

  -webkit-text-stroke:.6px rgba(255,255,255,.22)!important;

  text-shadow:
    0 3px 0 rgba(0,0,0,.55),
    0 10px 24px rgba(0,0,0,.58),
    0 0 18px rgba(255,255,255,.14)!important;
}

/* Evita duplicados/desgaste que ensucian DropShade */
.hero-slogan__real::after{
  display:none!important;
  content:none!important;
}

/* SE VISTE — fuente Block Buster */
.hero-slogan__viste{
  display:block!important;
  position:relative!important;
  width:max-content!important;
  max-width:100%!important;

  margin-top:8px!important;
  margin-left:4px!important;

  font-family:"Block Buster","Aerosoldier","Permanent Marker","Brush Script MT","Segoe Script",cursive!important;
  font-size:clamp(42px,6.5vw,86px)!important;
  font-weight:400!important;
  line-height:.82!important;
  letter-spacing:-.02em!important;

  color:#d4af37!important;
  transform:skew(-7deg) rotate(-2deg)!important;
  transform-origin:left center!important;

  -webkit-text-stroke:.55px rgba(255,236,162,.28)!important;

  text-shadow:
    0 3px 0 rgba(67,38,0,.42),
    0 10px 24px rgba(0,0,0,.56),
    0 0 18px rgba(212,175,55,.25),
    0 0 32px rgba(212,175,55,.12)!important;
}

/* Brochazos suaves detrás de SE VISTE */
.hero-slogan__viste::before,
.hero-slogan__viste::after{
  content:""!important;
  position:absolute!important;
  left:-4%!important;
  right:-6%!important;
  height:.14em!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(212,175,55,.18) 8%,
      rgba(255,224,138,.22) 48%,
      rgba(212,175,55,.10) 82%,
      transparent
    )!important;
  filter:blur(.2px)!important;
}

.hero-slogan__viste::before{
  top:42%!important;
  transform:rotate(-2deg)!important;
}

.hero-slogan__viste::after{
  bottom:8%!important;
  left:6%!important;
  right:8%!important;
  opacity:.72!important;
  transform:rotate(1deg)!important;
}

/* Texto descriptivo debajo */
.hero__copy--slogan .hero__lead{
  max-width:500px!important;
  margin:10px 0 18px!important;
  color:rgba(255,248,220,.84)!important;
  font-size:clamp(46px,6.8vw,105px)!important;
  line-height:1.45!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  text-shadow:0 0 18px rgba(0,0,0,.85)!important;
}

/* Botones */
.hero__copy--slogan .hero__actions{
  margin-top:16px!important;
}

/* Oculta el badge de envío dentro del hero */
.hero__copy--slogan .hero-free-ship-badge{
  display:none!important;
}

/* Acomodo general */
.hero--background-models .hero__layout{
  align-items:center!important;
}

/* Tablet */
@media(max-width:980px){
  .hero--background-models .hero__copy.hero__copy--slogan{
    margin-top:300px!important;
    max-width:100%!important;
    text-align:left!important;
  }

  .hero-slogan.hero-slogan--text{
    width:min(560px,100%)!important;
    max-width:560px!important;
  }

  .hero-slogan__real{
    font-size:clamp(42px,10vw,78px)!important;
    transform:scaleX(.86)!important;
  }

  .hero-slogan__viste{
    font-size:clamp(46px,6.8vw,105px)!important;
  }

  .hero__copy--slogan .hero__lead{
    max-width:100%!important;
  }
}

/* Móvil */
@media(max-width:640px){
  .hero--background-models .hero__copy.hero__copy--slogan{
    margin-top:315px!important;
  }

  .hero-slogan.hero-slogan--text{
    width:100%!important;
    max-width:100%!important;
  }

  .hero-slogan__real{
    font-size:clamp(38px,14vw,68px)!important;
    transform:scaleX(.82)!important;
  }

  .hero-slogan__viste{
    font-size:clamp(36px,13vw,62px)!important;
    margin-top:6px!important;
    margin-left:2px!important;
  }

  .hero__copy--slogan .eyebrow{
    font-size:12px!important;
  }

  .hero__copy--slogan .hero__lead{
    font-size:14px!important;
  }

  .hero__copy--slogan .hero__actions .btn{
    width:100%!important;
  }
}

/* Celulares muy chicos */
@media(max-width:420px){
  .hero-slogan__real{
    font-size:clamp(34px,13vw,58px)!important;
    transform:scaleX(.78)!important;
  }

  .hero-slogan__viste{
    font-size:clamp(32px,12vw,54px)!important;
  }
}

/* =========================================================
   END SUAVE HERO TEXTO REAL — AJUSTE FINAL DROP SHADE
   ========================================================= */









/* =========================================================
   SUAVE SOCIAL ICONS HOVER EFFECT
   Efecto circular para iconos de redes sociales del footer.
   Scoped para no romper listas, menú, categorías ni métodos de pago.
   ========================================================= */

.site-footer .socials,
.site-footer .socials--icons{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:14px!important;
  margin-top:16px!important;
}

.site-footer .socials--icons .social-link{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  overflow:hidden!important;
  z-index:1!important;
  border-radius:50%!important;
  border:2px solid rgba(255,255,255,.92)!important;
  background:#fff!important;
  color:#262626!important;
  line-height:1!important;
  text-align:center!important;
  box-shadow:0 14px 32px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.85)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}

.site-footer .socials--icons .social-link::before{
  content:""!important;
  position:absolute!important;
  top:100%!important;
  left:0!important;
  width:100%!important;
  height:100%!important;
  z-index:0!important;
  background:#d4af37!important;
  transition:top .48s ease!important;
  pointer-events:none!important;
}

.site-footer .socials--icons .social-link:hover::before,
.site-footer .socials--icons .social-link:focus-visible::before{
  top:0!important;
}

.site-footer .socials--icons .social-link svg{
  position:relative!important;
  z-index:2!important;
  width:24px!important;
  height:24px!important;
  color:#262626!important;
  stroke:currentColor!important;
  transition:color .42s ease,transform .52s ease,filter .42s ease!important;
}

.site-footer .socials--icons .social-link:hover svg,
.site-footer .socials--icons .social-link:focus-visible svg{
  color:#fff!important;
  transform:rotateY(360deg)!important;
  filter:drop-shadow(0 0 9px rgba(255,255,255,.34))!important;
}

.site-footer .socials--icons .social-link span{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.site-footer .socials--icons .social-link:hover,
.site-footer .socials--icons .social-link:focus-visible{
  transform:translateY(-4px) scale(1.04)!important;
  border-color:#fff!important;
  box-shadow:0 20px 42px rgba(0,0,0,.44),0 0 28px rgba(255,255,255,.16)!important;
  outline:none!important;
}

.site-footer .socials--icons .social-link[href*="facebook"]::before{background:#1877f2!important}
.site-footer .socials--icons .social-link[href*="instagram"]::before{background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fdf497 18%,#fd5949 40%,#d6249f 64%,#285aeb 100%)!important}
.site-footer .socials--icons .social-link[href*="tiktok"]::before{background:linear-gradient(135deg,#010101 0%,#010101 38%,#ff0050 58%,#00f2ea 100%)!important}
.site-footer .socials--icons .social-link[href*="wa.me"]::before,
.site-footer .socials--icons .social-link[href*="whatsapp"]::before,
.site-footer .socials--icons .social-link[href*="api.whatsapp"]::before{background:#25d366!important}

.site-footer .socials--icons .social-link:nth-child(1)::before{background:linear-gradient(135deg,#010101 0%,#010101 38%,#ff0050 58%,#00f2ea 100%)}
.site-footer .socials--icons .social-link:nth-child(2)::before{background:#1877f2}
.site-footer .socials--icons .social-link:nth-child(3)::before{background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fdf497 18%,#fd5949 40%,#d6249f 64%,#285aeb 100%)}
.site-footer .socials--icons .social-link:nth-child(4)::before{background:#25d366}

@media(max-width:640px){
  .site-footer .socials,
  .site-footer .socials--icons{gap:12px!important}
  .site-footer .socials--icons .social-link{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
  }
  .site-footer .socials--icons .social-link svg{
    width:22px!important;
    height:22px!important;
  }
}

/* =========================================================
   END SUAVE SOCIAL ICONS HOVER EFFECT
   ========================================================= */

/* =========================================================
   SUAVE SOCIAL ICONS GOOD STYLE SAFE OVERRIDE
   Mantiene el efecto bueno de redes, evitando deformaciones.
   ========================================================= */

.site-footer .socials--icons{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}

.site-footer .socials--icons .social-link{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  border-radius:50%!important;
  aspect-ratio:1/1!important;
}

.site-footer .socials--icons .social-link:hover,
.site-footer .socials--icons .social-link:focus-visible{
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  border-radius:50%!important;
  aspect-ratio:1/1!important;
}

.site-footer .socials--icons .social-link svg{
  width:22px!important;
  height:22px!important;
}

@media(max-width:700px){
  .site-footer .socials--icons .social-link,
  .site-footer .socials--icons .social-link:hover,
  .site-footer .socials--icons .social-link:focus-visible{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
  }

  .site-footer .socials--icons .social-link svg{
    width:20px!important;
    height:20px!important;
  }
}

/* =========================================================
   END SUAVE SOCIAL ICONS GOOD STYLE SAFE OVERRIDE
   ========================================================= */

/* =========================================================
   SUAVE FINAL CLEAN BLACK DARKCASTLE ICONS
   - Quita lluvia/partículas/mouse/rayos de fondo.
   - Fondo negro sólido.
   - Imagen de modelos tenue en páginas/inicio/categorías.
   - Fuente Darkcastle general, excepto LO REAL / SE VISTE.
   - Header en iconos: Contacto, Mi cuenta, Favoritos, Envío, Carrito.
   - Efecto premium en enlaces de nav/footer sin romper listas.
   - Footer con textos más separados sin cambiar tamaño base.
   ========================================================= */

/* Fuente global preparada.
   Sube tu fuente en cualquiera de estas rutas:
   /assets/fonts/Darkcastle.woff2
   /assets/fonts/Darkcastle.otf
   /assets/fonts/Darkcastle.ttf
*/
@font-face{
  font-family:"Darkcastle";
  src:
    url("/assets/fonts/Darkcastle.woff2") format("woff2"),
    url("/assets/fonts/Darkcastle.otf") format("opentype"),
    url("/assets/fonts/Darkcastle.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

/* Aplica Darkcastle a textos generales */
html,
body,
button,
input,
select,
textarea,
.main-nav a,
.header-actions,
.footer-grid,
.footer-bottom,
.product-card,
.category-card,
.lookbook-card,
.cart-summary,
.clean-panel,
.page-title,
.client-hero,
.contact-card,
.account-card{
  font-family:"Darkcastle",var(--su-font,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)!important;
}

/* No tocar las fuentes especiales del slogan */
.hero-slogan,
.hero-slogan *,
.hero-slogan__real,
.hero-slogan__viste{
  font-family:inherit!important;
}

.hero-slogan__real{
  font-family:"DropShade-Shadow","Anton","Impact","Arial Black",system-ui,sans-serif!important;
}

.hero-slogan__viste{
  font-family:"Block Buster","Aerosoldier","Permanent Marker","Brush Script MT","Segoe Script",cursive!important;
}

/* Fondo negro sólido y sin efectos globales */
html,
body{
  background:#000!important;
}

body::before,
body::after,
.site-bg::before,
.site-bg::after{
  display:none!important;
  content:none!important;
  animation:none!important;
  background:none!important;
  opacity:0!important;
}

.site-bg{
  position:fixed!important;
  inset:0!important;
  z-index:-4!important;
  background:#000!important;
}

.site-bg-video,
.mouse-spotlight,
.gold-particles,
.electric-rays,
.neon-orbs,
.suave-rain,
.suave-particles,
.particles,
.gold-rain,
.star-rain{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  animation:none!important;
}

/* Páginas con fondo negro y modelo tenue */
.page-shell{
  position:relative!important;
  isolation:isolate!important;
}

.page-shell::before{
  content:""!important;
  position:absolute!important;
  inset:-24px calc(50% - 50vw)!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.82),rgba(0,0,0,.94)),
    linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.72),rgba(0,0,0,.96)),
    url("/assets/img/hero-modelos-fijo.png") center top / cover no-repeat!important;
  opacity:.18!important;
  filter:saturate(.88) contrast(1.05) brightness(.72)!important;
}

/* Las categorías quedan negras, sin brillos globales molestos */
.category-page-title,
.page-title,
.clean-panel,
.category-card,
.product-card,
.glass-card{
  background-color:rgba(0,0,0,.58)!important;
}

/* Mantener botones premium */
.btn,
button,
.product-card__actions a,
.detail-actions a{
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease,color .24s ease!important;
}

/* =========================================================
   HEADER EN ICONOS
   ========================================================= */

.site-header .header-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

/* Contacto del nav como icono */
.main-nav a[href="/contacto"],
.main-nav a[href$="/contacto"]{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:0!important;
  border-radius:999px!important;
}

.main-nav a[href="/contacto"]::before,
.main-nav a[href$="/contacto"]::before{
  content:"✉"!important;
  font-size:18px!important;
  line-height:1!important;
  color:currentColor!important;
}

/* Cuenta, favoritos, envío, carrito como iconos */
.site-header .account-trigger,
.site-header .icon-link,
.site-header .header-free-ship-pill{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:rgba(0,0,0,.22)!important;
  border:1px solid rgba(255,224,138,.28)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(0,0,0,.18)!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease!important;
}

/* Oculta textos largos de Mi cuenta y Envío */
.site-header .account-trigger__text{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
}

.site-header .account-trigger__icon{
  font-size:0!important;
  position:relative!important;
  z-index:2!important;
}

.site-header .account-trigger__icon::before{
  content:"👤"!important;
  font-size:18px!important;
  line-height:1!important;
}

/* Favoritos */
.site-header .icon-link[aria-label="Favoritos"]{
  font-size:0!important;
}

.site-header .icon-link[aria-label="Favoritos"]::before{
  content:"♡"!important;
  font-size:22px!important;
  line-height:1!important;
  position:relative!important;
  z-index:2!important;
}

/* Carrito */
.site-header .icon-link[aria-label="Carrito"]{
  font-size:0!important;
}

.site-header .icon-link[aria-label="Carrito"]::before{
  content:"🛒"!important;
  font-size:18px!important;
  line-height:1!important;
  position:relative!important;
  z-index:2!important;
}

/* Envío */
.site-header .header-free-ship-pill{
  font-size:0!important;
  line-height:1!important;
}

.site-header .header-free-ship-pill::before{
  content:"🚚"!important;
  font-size:18px!important;
  line-height:1!important;
  position:relative!important;
  z-index:2!important;
}

/* Contadores como badge pequeño */
.site-header .icon-link > span{
  position:absolute!important;
  right:-5px!important;
  top:-5px!important;
  z-index:3!important;
  min-width:17px!important;
  height:17px!important;
  padding:0 4px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--su-gold-soft,#d4af37)!important;
  color:#060606!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  border:1px solid rgba(0,0,0,.40)!important;
}

/* Glow hover solo en iconos */
.site-header .account-trigger::before,
.site-header .icon-link::after,
.site-header .header-free-ship-pill::after,
.main-nav a[href="/contacto"]::after,
.main-nav a[href$="/contacto"]::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  z-index:-1!important;
  opacity:0!important;
  background:linear-gradient(45deg,rgba(112,83,255,.85),rgba(212,175,55,.82))!important;
  transition:opacity .28s ease!important;
}

.site-header .account-trigger:hover,
.site-header .account-trigger:focus-visible,
.site-header .icon-link:hover,
.site-header .icon-link:focus-visible,
.site-header .header-free-ship-pill:hover,
.site-header .header-free-ship-pill:focus-visible,
.main-nav a[href="/contacto"]:hover,
.main-nav a[href$="/contacto"]:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(255,255,255,.44)!important;
  box-shadow:0 16px 32px rgba(0,0,0,.28),0 0 24px rgba(212,175,55,.12)!important;
}

.site-header .account-trigger:hover::before,
.site-header .account-trigger:focus-visible::before,
.site-header .icon-link:hover::after,
.site-header .icon-link:focus-visible::after,
.site-header .header-free-ship-pill:hover::after,
.site-header .header-free-ship-pill:focus-visible::after,
.main-nav a[href="/contacto"]:hover::after,
.main-nav a[href$="/contacto"]:hover::after{
  opacity:1!important;
}

/* =========================================================
   EFECTO DE ENLACES: NAV + FOOTER
   Adaptación segura del código enviado, sin reglas globales ul/li/body.
   ========================================================= */

.main-nav a:not([href="/contacto"]):not([href$="/contacto"]),
.footer-grid section:nth-child(2) a,
.footer-grid section:nth-child(3) a,
.footer-grid section:nth-child(4) > a,
.footer-grid section:nth-child(4) .footer-inline-link{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  color:rgba(255,255,255,.86)!important;
  transition:color .5s ease,transform .28s ease!important;
  z-index:1!important;
  overflow:hidden!important;
}

.main-nav a:not([href="/contacto"]):not([href$="/contacto"])::before,
.footer-grid section:nth-child(2) a::before,
.footer-grid section:nth-child(3) a::before,
.footer-grid section:nth-child(4) > a::before,
.footer-grid section:nth-child(4) .footer-inline-link::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  width:100%!important;
  height:100%!important;
  border-top:2px solid rgba(255,224,138,.68)!important;
  border-bottom:2px solid rgba(255,224,138,.68)!important;
  transform:scaleY(2)!important;
  opacity:0!important;
  transition:transform .3s ease,opacity .3s ease!important;
  pointer-events:none!important;
}

.main-nav a:not([href="/contacto"]):not([href$="/contacto"])::after,
.footer-grid section:nth-child(2) a::after,
.footer-grid section:nth-child(3) a::after,
.footer-grid section:nth-child(4) > a::after,
.footer-grid section:nth-child(4) .footer-inline-link::after{
  content:""!important;
  position:absolute!important;
  top:2px!important;
  left:0!important;
  width:100%!important;
  height:calc(100% - 4px)!important;
  background:rgba(255,255,255,.10)!important;
  transform:scale(0)!important;
  opacity:0!important;
  transition:transform .3s ease,opacity .3s ease!important;
  z-index:-1!important;
  pointer-events:none!important;
}

.main-nav a:not([href="/contacto"]):not([href$="/contacto"]):hover,
.footer-grid section:nth-child(2) a:hover,
.footer-grid section:nth-child(3) a:hover,
.footer-grid section:nth-child(4) > a:hover,
.footer-grid section:nth-child(4) .footer-inline-link:hover{
  color:#fff!important;
  transform:translateY(-1px)!important;
}

.main-nav a:not([href="/contacto"]):not([href$="/contacto"]):hover::before,
.footer-grid section:nth-child(2) a:hover::before,
.footer-grid section:nth-child(3) a:hover::before,
.footer-grid section:nth-child(4) > a:hover::before,
.footer-grid section:nth-child(4) .footer-inline-link:hover::before{
  transform:scaleY(1)!important;
  opacity:1!important;
}

.main-nav a:not([href="/contacto"]):not([href$="/contacto"]):hover::after,
.footer-grid section:nth-child(2) a:hover::after,
.footer-grid section:nth-child(3) a:hover::after,
.footer-grid section:nth-child(4) > a:hover::after,
.footer-grid section:nth-child(4) .footer-inline-link:hover::after{
  transform:scaleY(1)!important;
  opacity:1!important;
}

/* =========================================================
   FOOTER: separar textos sin cambiar tamaño base
   ========================================================= */

.footer-grid{
  column-gap:clamp(28px,4.2vw,72px)!important;
  row-gap:18px!important;
  align-items:start!important;
}

.footer-grid > section{
  padding-right:clamp(8px,1.4vw,20px)!important;
}

.footer-grid h2,
.footer-grid h3{
  margin-bottom:10px!important;
}

.footer-grid p,
.footer-grid a,
.footer-line{
  margin-top:6px!important;
  margin-bottom:6px!important;
}

.footer-grid section:nth-child(4){
  gap:clamp(22px,3vw,48px)!important;
}

.payment-icons{
  gap:8px!important;
}

/* Mantener redes con el efecto bueno y separadas */
.site-footer .socials,
.site-footer .socials--icons{
  gap:10px!important;
  margin-top:12px!important;
}

/* Responsive limpio */
@media(max-width:900px){
  .site-header .header-actions{
    gap:7px!important;
  }

  .site-header .account-trigger,
  .site-header .icon-link,
  .site-header .header-free-ship-pill,
  .main-nav a[href="/contacto"],
  .main-nav a[href$="/contacto"]{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
  }

  .footer-grid{
    column-gap:24px!important;
    row-gap:18px!important;
  }
}

@media(max-width:640px){
  .page-shell::before{
    opacity:.12!important;
    background-position:center top!important;
  }

  .footer-grid{
    row-gap:20px!important;
  }
}

/* =========================================================
   END SUAVE FINAL CLEAN BLACK DARKCASTLE ICONS
   ========================================================= */

/* =========================================================
   SUAVE FOOTER REAL PROFESIONAL COMPACTO
   Footer limpio, bajo, bien distribuido y sin textos gigantes.
   ========================================================= */

.site-footer{
  position:relative!important;
  isolation:isolate!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  overflow:hidden!important;
  padding:20px 0 12px!important;
  min-height:0!important;

  background:
    linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.70),rgba(0,0,0,.94)),
    linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.82)),
    url("/assets/img/footer-bg-static.jpg") center center / cover no-repeat,
    #050505!important;

  border-top:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

.site-footer::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent)!important;
  pointer-events:none!important;
  z-index:0!important;
}

.site-footer::after{
  display:none!important;
  content:none!important;
}

/* Layout profesional:
   Marca | Colecciones | Atención | Contacto | Envío/Pagos */
.footer-grid{
  width:min(1240px,calc(100% - 56px))!important;
  margin:0 auto!important;
  position:relative!important;
  z-index:2!important;

  display:grid!important;
  grid-template-columns:1.15fr .88fr .95fr 1.35fr 1.15fr!important;
  grid-template-areas:"brand collections attention contact paybox"!important;
  gap:clamp(22px,3.2vw,54px)!important;
  align-items:start!important;

  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.footer-grid > section{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  min-height:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.footer-grid > section::before,
.footer-grid > section::after{
  display:none!important;
  content:none!important;
}

.footer-grid > section:nth-child(1){grid-area:brand!important}
.footer-grid > section:nth-child(2){grid-area:collections!important}
.footer-grid > section:nth-child(3){grid-area:attention!important}
.footer-grid > section:nth-child(4){grid-area:contact!important}

/* La sección 4 trae contacto + envío + pagos en el HTML.
   La dividimos en dos zonas sin desordenar los textos. */
.footer-grid > section:nth-child(4){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(220px,.92fr)!important;
  grid-template-areas:
    "contactTitle paybox"
    "contactLines paybox"!important;
  gap:0 clamp(24px,3vw,42px)!important;
  align-items:start!important;
}

/* Contacto queda en la primera columna */
.footer-grid > section:nth-child(4) > h3{
  grid-column:1!important;
}

.footer-grid > section:nth-child(4) > .footer-line,
.footer-grid > section:nth-child(4) > p:not(.footer-free-shipping):not(.footer-free-shipping--trust),
.footer-grid > section:nth-child(4) > a,
.footer-grid > section:nth-child(4) > .footer-inline-link{
  grid-column:1!important;
}

/* Envío y pagos quedan en la segunda columna, arriba, sin crear huecos */
.footer-grid > section:nth-child(4) .footer-free-shipping,
.footer-grid > section:nth-child(4) .footer-free-shipping--trust,
.footer-grid > section:nth-child(4) .payment-block{
  grid-column:2!important;
}

/* Tipografía: profesional, no gigante */
.footer-grid h2,
.footer-grid h3{
  color:#fff!important;
  text-shadow:0 2px 14px rgba(0,0,0,.86)!important;
}

.footer-grid h2{
  font-size:clamp(26px,2.15vw,34px)!important;
  line-height:1.02!important;
  margin:0 0 7px!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
}

.footer-grid h3{
  font-size:clamp(14px,1vw,17px)!important;
  line-height:1.1!important;
  margin:0 0 9px!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
}

.footer-grid p,
.footer-grid a,
.footer-grid span,
.footer-grid small,
.footer-line,
.payment-block strong,
.payment-block small{
  color:rgba(255,255,255,.84)!important;
  font-size:clamp(11.5px,.82vw,13px)!important;
  line-height:1.32!important;
  text-shadow:0 2px 12px rgba(0,0,0,.84)!important;
}

.footer-grid p{
  margin:0 0 6px!important;
}

.footer-grid a{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:4px 0!important;
  line-height:1.25!important;
  text-decoration:none!important;
}

.footer-grid a:hover{
  color:#fff!important;
}

/* Marca compacta */
.footer-grid > section:first-child p{
  max-width:220px!important;
  margin-bottom:11px!important;
}

/* Contacto ya no se va hacia abajo con espacios enormes */
.footer-line{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  margin:0 0 8px!important;
}

.footer-line svg{
  width:13px!important;
  height:13px!important;
  flex:0 0 13px!important;
  margin-top:2px!important;
}

.footer-grid > section:nth-child(4) > p{
  max-width:300px!important;
  margin-bottom:8px!important;
}

/* Redes con el estilo bueno, tamaño normal */
.site-footer .socials,
.site-footer .socials--icons{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  margin-top:9px!important;
}

.site-footer .socials--icons .social-link,
.site-footer .socials--icons .social-link:hover,
.site-footer .socials--icons .social-link:focus-visible{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  border-radius:50%!important;
  aspect-ratio:1/1!important;
}

.site-footer .socials--icons .social-link svg{
  width:19px!important;
  height:19px!important;
}

/* Envío gratis: no enorme */
.footer-free-shipping,
.footer-free-shipping--trust{
  width:100%!important;
  max-width:230px!important;
  margin:0 0 12px!important;
  padding:10px 12px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(0,0,0,.24)!important;
  box-shadow:none!important;
  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
}

.footer-free-shipping strong,
.footer-free-shipping--trust strong{
  display:block!important;
  color:#fff!important;
  font-size:11.5px!important;
  line-height:1.1!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  margin-bottom:4px!important;
}

.footer-free-shipping small,
.footer-free-shipping--trust small{
  display:block!important;
  color:rgba(255,255,255,.74)!important;
  font-size:10.8px!important;
  line-height:1.28!important;
}

/* Métodos de pago compacto y alineado */
.payment-block{
  margin:0!important;
  width:100%!important;
  max-width:250px!important;
}

.payment-block > strong{
  display:block!important;
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.1!important;
  text-transform:none!important;
}

.payment-icons{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin:0!important;
}

.payment-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-height:26px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  background:rgba(0,0,0,.20)!important;
  color:#fff!important;
  box-shadow:none!important;
}

.payment-chip svg{
  width:12px!important;
  height:12px!important;
  color:#fff!important;
  stroke:currentColor!important;
}

.payment-chip span{
  color:#fff!important;
  font-size:11px!important;
  line-height:1!important;
}

.payment-block > small{
  display:block!important;
  margin-top:6px!important;
  color:rgba(255,255,255,.62)!important;
  font-size:10.5px!important;
  line-height:1.2!important;
}

/* Copyright */
.footer-bottom{
  width:min(1240px,calc(100% - 56px))!important;
  margin:14px auto 0!important;
  padding:9px 0 0!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  background:transparent!important;
  text-align:center!important;
  position:relative!important;
  z-index:2!important;
}

.footer-bottom p{
  margin:0!important;
  color:rgba(255,255,255,.62)!important;
  font-size:11px!important;
  line-height:1.2!important;
  text-shadow:0 2px 12px rgba(0,0,0,.82)!important;
}

/* Responsive limpio */
@media(max-width:1150px){
  .footer-grid{
    grid-template-columns:1fr 1fr 1fr!important;
    grid-template-areas:
      "brand collections attention"
      "contact contact contact"!important;
    gap:24px 42px!important;
  }

  .footer-grid > section:nth-child(4){
    grid-template-columns:1.35fr .85fr!important;
  }
}

@media(max-width:760px){
  .site-footer{
    padding:22px 0 14px!important;
  }

  .footer-grid{
    width:min(100% - 28px,720px)!important;
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:
      "brand brand"
      "collections attention"
      "contact contact"!important;
    gap:22px 30px!important;
  }

  .footer-grid > section:nth-child(4){
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .footer-grid > section:nth-child(4) .footer-free-shipping,
  .footer-grid > section:nth-child(4) .footer-free-shipping--trust,
  .footer-grid > section:nth-child(4) .payment-block{
    grid-column:1!important;
  }

  .footer-bottom{
    width:min(100% - 28px,720px)!important;
  }
}

@media(max-width:520px){
  .footer-grid{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "brand"
      "collections"
      "attention"
      "contact"!important;
  }
}

/* =========================================================
   END SUAVE FOOTER REAL PROFESIONAL COMPACTO
   ========================================================= */

/* =========================================================
   SUAVE FOOTER CONTACTO SPAN FIX
   Corrige el error donde "Contacto" quedaba angosto y la dirección
   se partía palabra por palabra.
   ========================================================= */

/* En el footer hay 4 secciones reales. La sección 4 debe ocupar
   el espacio de Contacto + Envío + Métodos de pago. */
.footer-grid{
  grid-template-columns:
    minmax(190px,.95fr)
    minmax(165px,.78fr)
    minmax(180px,.82fr)
    minmax(640px,2.65fr)!important;
  grid-template-areas:"brand collections attention contact"!important;
  gap:clamp(28px,3.6vw,62px)!important;
  width:min(1320px,calc(100% - 56px))!important;
}

/* La sección de contacto se convierte en 3 columnas internas:
   1) Contacto
   2) Envío gratis
   3) Métodos de pago */
.footer-grid > section:nth-child(4){
  grid-area:contact!important;
  grid-column:4!important;
  display:grid!important;
  grid-template-columns:minmax(280px,1.18fr) minmax(210px,.82fr) minmax(230px,.92fr)!important;
  gap:clamp(22px,2.8vw,44px)!important;
  align-items:start!important;
}

/* Todo el contenido de contacto queda en la primera columna interna */
.footer-grid > section:nth-child(4) > h3,
.footer-grid > section:nth-child(4) > .footer-line,
.footer-grid > section:nth-child(4) > p:not(.footer-free-shipping):not(.footer-free-shipping--trust),
.footer-grid > section:nth-child(4) > a,
.footer-grid > section:nth-child(4) > .footer-inline-link{
  grid-column:1!important;
  max-width:300px!important;
  width:auto!important;
  min-width:0!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

/* Dirección y horario con ancho suficiente */
.footer-grid > section:nth-child(4) > p{
  max-width:300px!important;
  line-height:1.35!important;
  margin:0 0 10px!important;
}

/* Envío gratis en segunda columna */
.footer-grid > section:nth-child(4) .footer-free-shipping,
.footer-grid > section:nth-child(4) .footer-free-shipping--trust{
  grid-column:2!important;
  grid-row:1 / span 8!important;
  align-self:start!important;
  width:100%!important;
  max-width:230px!important;
}

/* Métodos de pago en tercera columna */
.footer-grid > section:nth-child(4) .payment-block{
  grid-column:3!important;
  grid-row:1 / span 8!important;
  align-self:start!important;
  width:100%!important;
  max-width:250px!important;
}

/* Contacto más compacto y ordenado */
.footer-line{
  margin:0 0 9px!important;
}

.footer-line svg{
  margin-top:2px!important;
}

/* En pantallas medianas no apretar el contacto:
   se baja la sección completa y mantiene 3 columnas internas. */
@media(max-width:1180px){
  .footer-grid{
    grid-template-columns:1fr 1fr 1fr!important;
    grid-template-areas:
      "brand collections attention"
      "contact contact contact"!important;
    gap:24px 40px!important;
    width:min(1120px,calc(100% - 44px))!important;
  }

  .footer-grid > section:nth-child(4){
    grid-column:1 / -1!important;
    grid-template-columns:minmax(260px,1.2fr) minmax(210px,.9fr) minmax(230px,1fr)!important;
    gap:24px!important;
  }

  .footer-bottom{
    width:min(1120px,calc(100% - 44px))!important;
  }
}

/* Tablet / móvil: columnas limpias, sin partir dirección */
@media(max-width:820px){
  .footer-grid{
    width:min(100% - 28px,720px)!important;
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:
      "brand brand"
      "collections attention"
      "contact contact"!important;
    gap:22px 30px!important;
  }

  .footer-grid > section:nth-child(4){
    grid-column:1 / -1!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .footer-grid > section:nth-child(4) .footer-free-shipping,
  .footer-grid > section:nth-child(4) .footer-free-shipping--trust,
  .footer-grid > section:nth-child(4) .payment-block{
    grid-column:1!important;
    grid-row:auto!important;
  }

  .footer-grid > section:nth-child(4) > p,
  .footer-grid > section:nth-child(4) > .footer-line{
    max-width:100%!important;
  }

  .footer-bottom{
    width:min(100% - 28px,720px)!important;
  }
}

/* =========================================================
   END SUAVE FOOTER CONTACTO SPAN FIX
   ========================================================= */

/* =========================================================
   SUAVE REMOVE HOME TRUST AND HERO BIGGER
   - Elimina cuadros inicio: Envío gratis / Pago protegido / Seguimiento.
   - Agranda el texto del hero del lado izquierdo.
   ========================================================= */

/* Seguridad: si el bloque de beneficios aparece desde caché/otro include, se oculta */
.su-trust-strip.su-trust-strip--home,
section.su-trust-strip--home,
.su-trust-strip--home article{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  opacity:0!important;
}

/* Eliminar aire que dejaban esos cuadros */
.hero--background-models{
  margin-bottom:clamp(18px,2.4vw,28px)!important;
}

/* Hero: texto más grande del lado izquierdo sin mover la lógica */
.hero--background-models .hero__layout{
  grid-template-columns:minmax(430px,0.95fr) minmax(420px,1.05fr)!important;
  align-items:center!important;
  gap:clamp(20px,3vw,44px)!important;
}

.hero--background-models .hero__copy.hero__copy--slogan{
  max-width:760px!important;
  width:100%!important;
  justify-self:start!important;
  margin-left:clamp(6px,1.2vw,18px)!important;
}

/* Slogan más grande y con mejor presencia a la izquierda */
.hero-slogan.hero-slogan--text{
  width:min(760px,100%)!important;
  max-width:760px!important;
  margin-bottom:clamp(18px,2vw,26px)!important;
}

.hero-slogan__real{
  font-size:clamp(58px,8.6vw,138px)!important;
  line-height:.80!important;
  transform:scaleX(.90)!important;
  transform-origin:left center!important;
}

.hero-slogan__viste{
  font-size:clamp(52px,7.6vw,118px)!important;
  line-height:.78!important;
  margin-top:clamp(2px,.8vw,8px)!important;
  margin-left:2px!important;
}

.hero__copy--slogan .eyebrow{
  font-size:clamp(15px,1.7vw,24px)!important;
  margin-bottom:clamp(8px,1vw,14px)!important;
}

.hero__copy--slogan .hero__lead{
  max-width:720px!important;
  font-size:clamp(19px,2.2vw,30px)!important;
  line-height:1.38!important;
  letter-spacing:.08em!important;
  margin-top:clamp(14px,1.5vw,22px)!important;
}

.hero__copy--slogan .hero__actions{
  margin-top:clamp(16px,2vw,26px)!important;
}

/* Mantener buen acomodo en tablet/móvil */
@media(max-width:980px){
  .hero--background-models .hero__layout{
    grid-template-columns:1fr!important;
  }

  .hero--background-models .hero__copy.hero__copy--slogan{
    max-width:100%!important;
    margin-left:0!important;
  }

  .hero-slogan.hero-slogan--text{
    width:min(700px,100%)!important;
    max-width:700px!important;
  }

  .hero-slogan__real{
    font-size:clamp(50px,13vw,94px)!important;
    transform:scaleX(.86)!important;
  }

  .hero-slogan__viste{
    font-size:clamp(46px,6.8vw,105px)!important;
  }
}

@media(max-width:640px){
  .hero-slogan__real{
    font-size:clamp(42px,14vw,72px)!important;
    transform:scaleX(.82)!important;
  }

  .hero-slogan__viste{
    font-size:clamp(38px,13vw,66px)!important;
  }

  .hero__copy--slogan .hero__lead{
    font-size:clamp(15px,4.2vw,18px)!important;
    letter-spacing:.05em!important;
  }
}

/* =========================================================
   END SUAVE REMOVE HOME TRUST AND HERO BIGGER
   ========================================================= */

/* =========================================================
   SUAVE SOLO MOVER TEXTO HERO
   Ajuste mínimo: solo mueve el texto del hero hacia la izquierda.
   No cambia grid, tamaños, padding, tarjetas, footer ni estructura.
   ========================================================= */

.hero--background-models .hero__copy--slogan .eyebrow,
.hero--background-models .hero__copy--slogan .hero-slogan,
.hero--background-models .hero__copy--slogan .hero__lead,
.hero--background-models .hero__copy--slogan .hero__actions{
  transform:translateX(-34px)!important;
}

/* En móvil/tablet se respeta el acomodo para no cortar texto */
@media(max-width:980px){
  .hero--background-models .hero__copy--slogan .eyebrow,
  .hero--background-models .hero__copy--slogan .hero-slogan,
  .hero--background-models .hero__copy--slogan .hero__lead,
  .hero--background-models .hero__copy--slogan .hero__actions{
    transform:translateX(0)!important;
  }
}

/* Si lo quieres más a la izquierda, cambia -34px por -44px.
   Si lo quieres menos a la izquierda, cambia -34px por -22px. */

/* =========================================================
   END SUAVE SOLO MOVER TEXTO HERO
   ========================================================= */

/* =========================================================
   SUAVE FOOTER NEW FROM ZERO
   Footer nuevo desde cero:
   marca + colecciones + atención + contacto + envío/pagos.
   También agrega fondo tenue de modelos en colecciones/categorías.
   ========================================================= */

/* Fondo tenue de modelos en todas las páginas de colecciones/categorías */
.page-shell--collection-bg{
  position:relative!important;
  isolation:isolate!important;
}

.page-shell--collection-bg::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-2!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.84),rgba(0,0,0,.96)),
    linear-gradient(180deg,rgba(0,0,0,.90),rgba(0,0,0,.72),rgba(0,0,0,.96)),
    url("/assets/img/hero-modelos-fijo.png") center top / cover no-repeat!important;
  opacity:.24!important;
  filter:saturate(.9) contrast(1.08) brightness(.72)!important;
}

/* Footer nuevo: no depende del footer viejo */
.su-footer-new{
  position:relative!important;
  isolation:isolate!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:24px 0 12px!important;
  overflow:hidden!important;
  border-top:1px solid rgba(255,224,138,.18)!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.72),rgba(0,0,0,.96)),
    linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.86)),
    url("/assets/img/footer-bg-static.jpg") center center / cover no-repeat,
    #030303!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.su-footer-new::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(255,224,138,.42),transparent)!important;
  z-index:0!important;
  pointer-events:none!important;
}

.su-footer-new__inner{
  width:min(1380px,calc(100% - 56px))!important;
  margin:0 auto!important;
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:minmax(210px,1.1fr) minmax(165px,.78fr) minmax(185px,.86fr) minmax(300px,1.28fr) minmax(285px,1.08fr)!important;
  gap:clamp(26px,3.2vw,56px)!important;
  align-items:start!important;
}

.su-footer-new section,
.su-footer-new nav{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.su-footer-new h2,
.su-footer-new h3{
  color:#fff!important;
  margin:0!important;
  text-shadow:0 2px 14px rgba(0,0,0,.88)!important;
}

.su-footer-new h2{
  max-width:260px!important;
  font-size:clamp(28px,2.5vw,42px)!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
}

.su-footer-new h3{
  font-size:clamp(15px,1.08vw,18px)!important;
  line-height:1.08!important;
  margin-bottom:11px!important;
  letter-spacing:.02em!important;
}

.su-footer-new p,
.su-footer-new a,
.su-footer-new span,
.su-footer-new small{
  color:rgba(255,255,255,.84)!important;
  font-size:clamp(12px,.86vw,14px)!important;
  line-height:1.34!important;
  text-shadow:0 2px 12px rgba(0,0,0,.84)!important;
}

.su-footer-new__brand p{
  max-width:240px!important;
  margin:8px 0 14px!important;
}

.su-footer-new__links{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}

.su-footer-new__links a{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  transition:color .22s ease,transform .22s ease!important;
}

.su-footer-new__links a:hover{
  color:#ffe08a!important;
  transform:translateX(3px)!important;
}

.su-footer-new__socials{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  max-width:230px!important;
}

.su-footer-new__social{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#101010!important;
  text-decoration:none!important;
  overflow:hidden!important;
  position:relative!important;
  border:0!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
  transition:transform .24s ease,box-shadow .24s ease!important;
}

.su-footer-new__social::before{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0 0!important;
  height:0!important;
  background:linear-gradient(135deg,#d4af37,#6f56ff)!important;
  transition:height .30s ease!important;
  z-index:0!important;
}

.su-footer-new__social:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.34),0 0 20px rgba(212,175,55,.12)!important;
}

.su-footer-new__social:hover::before{
  height:100%!important;
}

.su-footer-new__social svg{
  position:relative!important;
  z-index:1!important;
  width:20px!important;
  height:20px!important;
  color:currentColor!important;
}

.su-footer-new__social span{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
}

.su-footer-new__contact{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
}

.su-footer-new__line{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  margin:0!important;
  max-width:330px!important;
}

.su-footer-new__line svg{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  margin-top:2px!important;
}

.su-footer-new__whatsapp{
  display:inline-flex!important;
  width:max-content!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  margin:2px 0 0!important;
}

.su-footer-new__address,
.su-footer-new__hours{
  max-width:340px!important;
  margin:2px 0 0!important;
}

.su-footer-new__commerce{
  display:flex!important;
  flex-direction:column!important;
  gap:15px!important;
  align-items:flex-start!important;
}

.su-footer-new__shipping{
  width:100%!important;
  max-width:285px!important;
  padding:12px 14px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(0,0,0,.28)!important;
  box-shadow:none!important;
}

.su-footer-new__shipping strong{
  display:block!important;
  color:#fff!important;
  font-size:12.5px!important;
  line-height:1.1!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  margin-bottom:4px!important;
}

.su-footer-new__shipping span{
  display:block!important;
  color:rgba(255,255,255,.78)!important;
  font-size:12px!important;
}

.su-footer-new__payments{
  width:100%!important;
  max-width:310px!important;
}

.su-footer-new__payment-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}

.su-footer-new__payment{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-height:28px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(0,0,0,.24)!important;
  color:#fff!important;
  white-space:nowrap!important;
}

.su-footer-new__payment svg{
  width:13px!important;
  height:13px!important;
  color:currentColor!important;
}

.su-footer-new__payment span{
  font-size:11.5px!important;
  line-height:1!important;
}

.su-footer-new__payments small{
  display:block!important;
  margin-top:7px!important;
  color:rgba(255,255,255,.62)!important;
  font-size:10.5px!important;
}

.su-footer-new__bottom{
  width:min(1380px,calc(100% - 56px))!important;
  margin:18px auto 0!important;
  padding-top:10px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  text-align:center!important;
  position:relative!important;
  z-index:1!important;
}

.su-footer-new__bottom p{
  margin:0!important;
  color:rgba(255,255,255,.62)!important;
  font-size:11px!important;
  line-height:1.2!important;
}

/* Responsive */
@media(max-width:1180px){
  .su-footer-new__inner{
    grid-template-columns:1.1fr .85fr .9fr!important;
    gap:26px 42px!important;
  }

  .su-footer-new__contact,
  .su-footer-new__commerce{
    grid-column:auto!important;
  }
}

@media(max-width:900px){
  .su-footer-new{
    padding:22px 0 12px!important;
  }

  .su-footer-new__inner{
    width:min(100% - 28px,760px)!important;
    grid-template-columns:1fr 1fr!important;
    gap:24px 30px!important;
  }

  .su-footer-new__brand{
    grid-column:1 / -1!important;
  }

  .su-footer-new__bottom{
    width:min(100% - 28px,760px)!important;
  }
}

@media(max-width:560px){
  .su-footer-new__inner{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }

  .su-footer-new h2{
    font-size:32px!important;
  }
}

/* =========================================================
   END SUAVE FOOTER NEW FROM ZERO
   ========================================================= */

/* =========================================================
   SUAVE COLLECTION BACKGROUND FIX ACTUAL
   Corrige el fondo de colecciones/categorías:
   usa una imagen EXISTENTE del ZIP y no queda tapada por el fondo negro.
   ========================================================= */

/*
  Imagen conectada:
  - Por defecto usa: /assets/img/hero-modelos-fijo.png
  - Si quieres otra imagen, súbela con este nombre:
    /assets/img/hero-modelos-fijo.png
  o cambia la URL aquí abajo.
*/

.page-shell--collection-bg{
  position:relative!important;
  isolation:isolate!important;
  z-index:0!important;
  background:transparent!important;
}

/* Fondo visible dentro de toda la pantalla de categoría */
.page-shell--collection-bg::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:url("/assets/img/hero-modelos-fijo.png") center center / cover no-repeat!important;
  opacity:1!important;
  filter:saturate(1.02) contrast(1.04) brightness(.82)!important;
}

/* Quita capas negras que pueden tapar el fondo en páginas de colección */
body:has(.page-shell--collection-bg),
html:has(.page-shell--collection-bg){
  background:transparent!important;
}

body:has(.page-shell--collection-bg) .site-bg{
  background:url("/assets/img/hero-modelos-fijo.png") center center / cover no-repeat!important;
  opacity:1!important;
}

body:has(.page-shell--collection-bg) .site-bg::before,
body:has(.page-shell--collection-bg) .site-bg::after,
.page-shell--collection-bg::after{
  display:none!important;
  content:none!important;
}

/* Quitar fondos sólidos solo en contenedores de colección; NO toca tarjetas ni footer */
.page-shell--collection-bg .page-title,
.page-shell--collection-bg .category-page-title,
.page-shell--collection-bg .clean-panel,
.page-shell--collection-bg .empty-state{
  background:rgba(0,0,0,.16)!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
}

/* Tarjetas con transparencia ligera para que el fondo se vea sin perder lectura */
.page-shell--collection-bg .category-card,
.page-shell--collection-bg .product-card,
.page-shell--collection-bg .lookbook-card,
.page-shell--collection-bg .glass-card{
  background:rgba(0,0,0,.38)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

/* Si el navegador no soporta :has(), el pseudo de .page-shell--collection-bg sigue mostrando la imagen. */

/* =========================================================
   END SUAVE COLLECTION BACKGROUND FIX ACTUAL
   ========================================================= */

/* =========================================================
   SUAVE BG TENUE AND SOCIAL FILL ROTATE
   Solo corrige fondo tenue y redes sociales del footer.
   ========================================================= */

.page-shell--collection-bg::before{
  opacity:.18!important;
  filter:saturate(.90) contrast(1.02) brightness(.52)!important;
}

body:has(.page-shell--collection-bg) .site-bg{
  opacity:.18!important;
  filter:saturate(.90) contrast(1.02) brightness(.52)!important;
}

.su-footer-new__socials{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}

.su-footer-new__social{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  position:relative!important;
  overflow:hidden!important;
  border:3px solid #fff!important;
  background:#fff!important;
  color:#262626!important;
  line-height:48px!important;
  text-align:center!important;
  z-index:1!important;
  box-shadow:0 10px 22px rgba(0,0,0,.28)!important;
  transition:transform .28s ease,box-shadow .28s ease!important;
}

.su-footer-new__social::before{
  content:""!important;
  position:absolute!important;
  top:100%!important;
  left:0!important;
  width:100%!important;
  height:100%!important;
  background:#f00!important;
  transition:top .5s ease!important;
  z-index:2!important;
  pointer-events:none!important;
}

.su-footer-new__social:hover::before,
.su-footer-new__social:focus-visible::before{
  top:0!important;
}

.su-footer-new__social svg{
  position:relative!important;
  z-index:3!important;
  width:20px!important;
  height:20px!important;
  color:#262626!important;
  stroke:currentColor!important;
  fill:none!important;
  transition:color .5s ease,transform .5s ease,filter .3s ease!important;
}

.su-footer-new__social svg *,
.su-footer-new__social svg path,
.su-footer-new__social svg circle,
.su-footer-new__social svg rect,
.su-footer-new__social svg line,
.su-footer-new__social svg polyline,
.su-footer-new__social svg polygon{
  stroke:currentColor!important;
}

.su-footer-new__social:hover svg,
.su-footer-new__social:focus-visible svg{
  color:#fff!important;
  transform:rotateY(360deg)!important;
  filter:drop-shadow(0 0 7px rgba(255,255,255,.35))!important;
}

.su-footer-new__social span{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.su-footer-new__socials .su-footer-new__social:nth-child(1)::before{background:#3b5999!important}
.su-footer-new__socials .su-footer-new__social:nth-child(2)::before{background:#55acee!important}
.su-footer-new__socials .su-footer-new__social:nth-child(3)::before{background:#0077b5!important}
.su-footer-new__socials .su-footer-new__social:nth-child(4)::before{background:#dd4b39!important}

.su-footer-new__social[href*="tiktok"]::before{
  background:linear-gradient(135deg,#010101 0%,#010101 44%,#ff0050 64%,#00f2ea 100%)!important;
}
.su-footer-new__social[href*="facebook"]::before{background:#3b5999!important}
.su-footer-new__social[href*="instagram"]::before{
  background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fdf497 18%,#fd5949 40%,#d6249f 64%,#285aeb 100%)!important;
}
.su-footer-new__social[href*="wa.me"]::before,
.su-footer-new__social[href*="whatsapp"]::before,
.su-footer-new__social[href*="api.whatsapp"]::before{background:#25d366!important}

.su-footer-new__social:hover,
.su-footer-new__social:focus-visible{
  transform:translateY(-2px) scale(1.04)!important;
  box-shadow:0 12px 26px rgba(0,0,0,.34),0 0 16px rgba(255,255,255,.10)!important;
  outline:none!important;
}

/* =========================================================
   END SUAVE BG TENUE AND SOCIAL FILL ROTATE
   ========================================================= */

/* =========================================================
   SUAVE FINAL BG TONE AND VISTE GAP
   Solo corrige:
   1) Fondo de colecciones menos blanco y más premium.
   2) SE VISTE separado de LO REAL.
   No toca footer, layout, productos, carrito ni sistema.
   ========================================================= */

/* Colecciones/categorías: imagen visible, pero oscura y no marcada/blanca */
.page-shell--collection-bg::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.42),rgba(0,0,0,.72)),
    linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.34),rgba(0,0,0,.78)),
    url("/assets/img/hero-modelos-fijo.png") center center / cover no-repeat!important;
  opacity:1!important;
  filter:saturate(.92) contrast(1.04) brightness(.72)!important;
}

/* Evita que el fondo global se vea blanco/lavado en colecciones */
body:has(.page-shell--collection-bg) .site-bg{
  background:
    linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.42),rgba(0,0,0,.72)),
    linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.34),rgba(0,0,0,.78)),
    url("/assets/img/hero-modelos-fijo.png") center center / cover no-repeat!important;
  opacity:1!important;
  filter:saturate(.92) contrast(1.04) brightness(.72)!important;
}

/* Paneles de categorías: menos blancos, más transparentes/premium */
.page-shell--collection-bg .page-title,
.page-shell--collection-bg .category-page-title,
.page-shell--collection-bg .clean-panel,
.page-shell--collection-bg .su-trust-strip article{
  background:rgba(0,0,0,.24)!important;
  border-color:rgba(212,175,55,.22)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}

.page-shell--collection-bg .category-card,
.page-shell--collection-bg .product-card,
.page-shell--collection-bg .lookbook-card,
.page-shell--collection-bg .glass-card{
  background:rgba(0,0,0,.44)!important;
  border-color:rgba(212,175,55,.24)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

/* Separar SE VISTE de LO REAL sin mover contenedores ni layout */
.hero--background-models .hero-slogan__real{
  line-height:.88!important;
}

.hero--background-models .hero-slogan__viste{
  margin-top:clamp(20px,2.2vw,36px)!important;
  line-height:.90!important;
}

/* =========================================================
   END SUAVE FINAL BG TONE AND VISTE GAP
   ========================================================= */

/* =========================================================
   SUAVE SLOGAN GLOW STRONG ONLY
   Efecto visible SOLO para LO REAL / SE VISTE.
   No toca layout, tamaños, footer, productos ni sistema.
   ========================================================= */

@keyframes suaveSloganGlowStrong{
  0%,100%{
    text-shadow:
      0 3px 0 rgba(0,0,0,.72),
      0 10px 20px rgba(0,0,0,.72),
      0 0 8px rgba(255,255,255,.80),
      0 0 22px rgba(255,40,40,.85),
      0 0 46px rgba(255,40,40,.55),
      0 0 78px rgba(255,40,40,.32)!important;
    filter:
      drop-shadow(0 0 10px rgba(255,40,40,.45))
      drop-shadow(0 0 22px rgba(255,40,40,.28))!important;
  }

  25%{
    text-shadow:
      0 3px 0 rgba(0,0,0,.72),
      0 10px 20px rgba(0,0,0,.72),
      0 0 8px rgba(255,255,255,.80),
      0 0 22px rgba(255,174,32,.92),
      0 0 46px rgba(255,174,32,.58),
      0 0 78px rgba(255,174,32,.36)!important;
    filter:
      drop-shadow(0 0 10px rgba(255,174,32,.50))
      drop-shadow(0 0 22px rgba(255,174,32,.30))!important;
  }

  50%{
    text-shadow:
      0 3px 0 rgba(0,0,0,.72),
      0 10px 20px rgba(0,0,0,.72),
      0 0 8px rgba(255,255,255,.80),
      0 0 22px rgba(42,255,148,.80),
      0 0 46px rgba(42,255,148,.48),
      0 0 78px rgba(42,255,148,.30)!important;
    filter:
      drop-shadow(0 0 10px rgba(42,255,148,.40))
      drop-shadow(0 0 22px rgba(42,255,148,.26))!important;
  }

  75%{
    text-shadow:
      0 3px 0 rgba(0,0,0,.72),
      0 10px 20px rgba(0,0,0,.72),
      0 0 8px rgba(255,255,255,.80),
      0 0 22px rgba(0,220,255,.86),
      0 0 46px rgba(0,220,255,.52),
      0 0 78px rgba(0,220,255,.32)!important;
    filter:
      drop-shadow(0 0 10px rgba(0,220,255,.46))
      drop-shadow(0 0 22px rgba(0,220,255,.28))!important;
  }
}

/* Solo el slogan */
.hero-slogan__real,
.hero-slogan__viste{
  animation:suaveSloganGlowStrong 5.5s ease-in-out infinite!important;
  will-change:text-shadow,filter!important;
}

/* Refuerzo visible sin mover nada */
.hero-slogan__real{
  -webkit-text-stroke:1px rgba(255,255,255,.92)!important;
}

.hero-slogan__viste{
  -webkit-text-stroke:.7px rgba(255,224,110,.70)!important;
}

/* Pausar si el usuario tiene reducción de movimiento */
@media (prefers-reduced-motion: reduce){
  .hero-slogan__real,
  .hero-slogan__viste{
    animation:none!important;
  }
}

/* =========================================================
   END SUAVE SLOGAN GLOW STRONG ONLY
   ========================================================= */

/* =========================================================
   SUAVE TEXT TITLE CASE ONLY
   Solo texto:
   - Quita mayúsculas forzadas por CSS para que los textos puedan verse
     con inicial mayúscula y lo demás minúscula.
   - Si un texto viene escrito en MAYÚSCULAS desde el contenido, se respeta.
   - No toca LO REAL / SE VISTE.
   - No toca layout, tamaños, footer, productos, carrito ni sistema.
   ========================================================= */

/* Evitar uppercase forzado en textos generales */
body :where(
  .main-nav a,
  .header-actions a,
  .header-actions button,
  .topbar,
  .topbar *,
  .site-header a,
  .site-header button,
  .section-head p,
  .section-head a,
  .category-card,
  .category-card *,
  .product-card,
  .product-card *,
  .lookbook-card,
  .lookbook-card *,
  .btn,
  button,
  .footer-grid,
  .footer-grid *,
  .su-footer-new,
  .su-footer-new *,
  .payment-chip,
  .payment-chip *,
  .su-footer-new__payment,
  .su-footer-new__payment *,
  .su-trust-strip,
  .su-trust-strip *,
  .page-title p,
  .page-title span,
  .category-page-title p,
  .category-page-title span
):not(.hero-slogan):not(.hero-slogan *):not(.hero-slogan__real):not(.hero-slogan__viste){
  text-transform:none!important;
}

/* Títulos con formato formal cuando no vengan forzados desde contenido */
.main-nav a,
.su-footer-new__links a,
.footer-grid a,
.category-card h3,
.product-card h3,
.lookbook-card h3,
.section-head p,
.page-title p,
.category-page-title p,
.btn,
button{
  text-transform:none!important;
}

/* Mantener intacto el slogan */
.hero-slogan,
.hero-slogan *,
.hero-slogan__real,
.hero-slogan__viste{
  text-transform:none!important;
}

/* =========================================================
   END SUAVE TEXT TITLE CASE ONLY
   ========================================================= */

/* =========================================================
   SUAVE BUTTON LOADING SPINNER
   Spinner reutilizable para botones de carga.
   Solo se activa cuando el botón tiene .is-loading.
   ========================================================= */

@keyframes spinning-circle{
  0%{
    stroke-dashoffset:0;
    stroke-dasharray:150.6 100.4;
  }
  50%{
    stroke-dasharray:1 250;
  }
  100%{
    stroke-dashoffset:502;
    stroke-dasharray:150.6 100.4;
  }
}

.btn.is-loading,
button.is-loading,
.suave-loading-btn.is-loading{
  position:relative!important;
  pointer-events:none!important;
  opacity:.86!important;
}

.btn.is-loading .suave-btn-spinner,
button.is-loading .suave-btn-spinner,
.suave-loading-btn.is-loading .suave-btn-spinner{
  display:inline-flex!important;
}

.suave-btn-spinner{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  margin-right:8px!important;
  vertical-align:-3px!important;
}

.suave-btn-spinner svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
}

.suave-btn-spinner .spinner-circle{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:9!important;
  stroke-linecap:round!important;
  animation:2s linear spinning-circle infinite!important;
  transform-origin:center!important;
}

.btn.is-loading .btn-label,
button.is-loading .btn-label,
.suave-loading-btn.is-loading .btn-label{
  display:inline-flex!important;
  align-items:center!important;
}

/* Respeta usuarios que prefieren menos movimiento */
@media (prefers-reduced-motion: reduce){
  .suave-btn-spinner .spinner-circle{
    animation:none!important;
  }
}

/* =========================================================
   END SUAVE BUTTON LOADING SPINNER
   ========================================================= */

/* =========================================================
   SUAVE FAVORITE HEART BURST
   Efecto visual solo para botones de Me gusta/Favoritos:
   presión + corazones flotando.
   No toca lógica de favoritos.
   ========================================================= */

@keyframes suaveHeartPress{
  0%{transform:scale(1)}
  50%{transform:scale(.90)}
  100%{transform:scale(1)}
}

@keyframes suaveHeartFloat{
  0%{
    transform:translate(-50%,-50%) scale(.65) rotate(0deg);
    opacity:0;
  }
  18%{
    opacity:1;
  }
  100%{
    transform:
      translate(
        calc(-50% + var(--su-heart-x, 0px)),
        calc(-50% + var(--su-heart-y, -78px))
      )
      scale(.95)
      rotate(var(--su-heart-r, 18deg));
    opacity:0;
  }
}

[data-add-fav],
[data-remove-fav],
[data-fav],
[data-favorite],
.fav-btn,
.favorite-btn,
.product-favorite-btn,
.wishlist-btn{
  position:relative!important;
  overflow:visible!important;
}

[data-add-fav].su-heart-press,
[data-remove-fav].su-heart-press,
[data-fav].su-heart-press,
[data-favorite].su-heart-press,
.fav-btn.su-heart-press,
.favorite-btn.su-heart-press,
.product-favorite-btn.su-heart-press,
.wishlist-btn.su-heart-press{
  animation:suaveHeartPress .22s linear 1!important;
}

.su-heart-burst{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  z-index:30!important;
  pointer-events:none!important;
  color:#ff3b7f!important;
  font-size:15px!important;
  line-height:1!important;
  text-shadow:
    0 0 8px rgba(255,59,127,.55),
    0 0 18px rgba(255,59,127,.32)!important;
  animation:suaveHeartFloat .72s ease-out forwards!important;
}

.su-heart-burst:nth-child(2n){
  color:#ffd76d!important;
}

.su-heart-burst:nth-child(3n){
  color:#ffffff!important;
}

/* Corazón activo, si el sistema marca estado */
[data-add-fav].is-liked,
[data-add-fav][aria-pressed="true"],
[data-fav].is-liked,
[data-favorite].is-liked,
.favorite-btn.is-liked,
.product-favorite-btn.is-liked,
.wishlist-btn.is-liked{
  color:#ff3b7f!important;
  border-color:rgba(255,59,127,.45)!important;
  box-shadow:0 0 20px rgba(255,59,127,.18)!important;
}

/* Respeta reducción de movimiento */
@media (prefers-reduced-motion: reduce){
  [data-add-fav].su-heart-press,
  [data-remove-fav].su-heart-press,
  [data-fav].su-heart-press,
  [data-favorite].su-heart-press,
  .fav-btn.su-heart-press,
  .favorite-btn.su-heart-press,
  .product-favorite-btn.su-heart-press,
  .wishlist-btn.su-heart-press{
    animation:none!important;
  }

  .su-heart-burst{
    display:none!important;
  }
}

/* =========================================================
   END SUAVE FAVORITE HEART BURST
   ========================================================= */

/* =========================================================
   SUAVE PRODUCT MULTI IMAGE INDEX FIX
   Visual mínimo para galería de productos.
   ========================================================= */

.cw-product-gallery-preview{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}

.cw-product-gallery-preview span{
  width:78px;
  height:78px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(212,175,55,.28);
  background:rgba(0,0,0,.28);
  display:block;
}

.cw-product-gallery-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.product-thumb-row button{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.product-thumb-row button:hover{
  transform:translateY(-2px);
}

/* =========================================================
   END SUAVE PRODUCT MULTI IMAGE INDEX FIX
   ========================================================= */

/* =========================================================
   SUAVE MOBILE HERO BUTTONS ONLY
   Solo celular:
   - Reduce los botones del hero.
   - Evita que se salgan de la pantalla.
   - No toca escritorio, productos, footer, carrito ni sistema.
   ========================================================= */

@media(max-width:760px){
  .hero--background-models .hero__actions,
  .hero__copy--slogan .hero__actions{
    width:100%!important;
    max-width:292px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    margin-top:14px!important;
    margin-left:0!important;
    margin-right:auto!important;
  }

  .hero--background-models .hero__actions .btn,
  .hero--background-models .hero__actions a,
  .hero__copy--slogan .hero__actions .btn,
  .hero__copy--slogan .hero__actions a{
    width:100%!important;
    max-width:292px!important;
    min-width:0!important;
    min-height:48px!important;
    padding:12px 18px!important;
    border-radius:999px!important;
    font-size:15px!important;
    line-height:1.1!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
}

@media(max-width:430px){
  .hero--background-models .hero__actions,
  .hero__copy--slogan .hero__actions{
    max-width:268px!important;
    gap:9px!important;
  }

  .hero--background-models .hero__actions .btn,
  .hero--background-models .hero__actions a,
  .hero__copy--slogan .hero__actions .btn,
  .hero__copy--slogan .hero__actions a{
    max-width:268px!important;
    min-height:44px!important;
    padding:10px 16px!important;
    font-size:14px!important;
  }
}

@media(max-width:360px){
  .hero--background-models .hero__actions,
  .hero__copy--slogan .hero__actions{
    max-width:248px!important;
  }

  .hero--background-models .hero__actions .btn,
  .hero--background-models .hero__actions a,
  .hero__copy--slogan .hero__actions .btn,
  .hero__copy--slogan .hero__actions a{
    max-width:248px!important;
    min-height:42px!important;
    padding:9px 14px!important;
    font-size:13px!important;
  }
}

/* =========================================================
   END SUAVE MOBILE HERO BUTTONS ONLY
   ========================================================= */



/* SUAVE FIX FINAL: cuenta/registro compacto y flujo estable */
.auth-modal[hidden]{display:none!important}
.auth-modal{
  position:fixed!important;
  inset:0!important;
  z-index:30000!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  padding:124px clamp(14px,3.2vw,48px) 22px!important;
}
.auth-modal__backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(0,0,0,.58)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
}
.auth-modal__card{
  width:min(430px,calc(100vw - 28px))!important;
  max-height:min(78vh,690px)!important;
  overflow:auto!important;
  border-radius:18px!important;
  padding:22px!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(255,224,138,.12),transparent 34%),
    linear-gradient(155deg,rgba(12,12,14,.988),rgba(5,5,7,.966))!important;
  border:1px solid rgba(255,224,138,.28)!important;
  box-shadow:0 32px 105px rgba(0,0,0,.70),0 0 48px rgba(212,175,55,.13),inset 0 1px 0 rgba(255,255,255,.075)!important;
}
.auth-modal__head{
  text-align:left!important;
  padding:0 42px 12px 0!important;
}
.auth-modal__head h2{
  font-size:clamp(24px,3vw,31px)!important;
  letter-spacing:-.035em!important;
  margin:0 0 4px!important;
}
.auth-modal__head p{
  font-size:13px!important;
}
.auth-modal__close{
  top:14px!important;
  right:14px!important;
  width:32px!important;
  height:32px!important;
  font-size:28px!important;
}
.auth-modal__tabs{
  gap:10px!important;
  margin:8px 0 14px!important;
}
.auth-modal__tabs button{
  min-height:43px!important;
  border-radius:14px!important;
  text-transform:none!important;
  letter-spacing:.01em!important;
  font-size:15px!important;
}
.auth-modal__panel{display:none!important}
.auth-modal__panel.is-active{display:block!important}
.auth-modal__panel.register-step.is-active{display:block!important}
.auth-modal .client-form label{
  margin:9px 0!important;
  gap:6px!important;
}
.auth-modal input{
  min-height:48px!important;
  border-radius:14px!important;
  font-size:14px!important;
  padding:0 14px!important;
}
.auth-modal .btn--wide{
  min-height:48px!important;
  border-radius:16px!important;
}
.register-progress{
  margin:10px 0 8px!important;
  gap:6px!important;
}
.register-progress span{
  padding:7px 7px!important;
  font-size:10px!important;
  letter-spacing:.04em!important;
}
.register-modal__copy{
  text-align:left!important;
  max-width:none!important;
  font-size:14px!important;
  line-height:1.42!important;
  margin:10px 0 8px!important;
  color:rgba(255,248,220,.78)!important;
}
.register-modal__link,
.register-resend{
  margin:6px 0 12px!important;
  text-align:left!important;
}
.register-code-boxes{
  gap:7px!important;
  margin:14px 0 10px!important;
  max-width:none!important;
}
.register-code-boxes input{
  height:50px!important;
  font-size:22px!important;
  border-radius:13px!important;
}
.register-profile-form{
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.register-profile-form .client-form__full{
  grid-column:1/-1!important;
}
.auth-modal-open .account-menu.is-open .account-panel{
  opacity:.18;
  transform:translateY(0) scale(.985);
}
@media(max-width:760px){
  .auth-modal{
    justify-content:center!important;
    align-items:flex-start!important;
    padding:90px 12px 18px!important;
  }
  .auth-modal__card{
    width:min(430px,calc(100vw - 24px))!important;
    max-height:calc(100vh - 112px)!important;
    padding:18px!important;
  }
  .auth-modal__head h2{font-size:26px!important}
}
@media(max-width:430px){
  .auth-modal{padding-top:82px!important}
  .auth-modal__tabs{grid-template-columns:1fr!important}
}
/* END SUAVE FIX FINAL CUENTA */




/* SUAVE FIX DEFINITIVO REGISTRO LIMPIO */
.auth-modal[hidden],
.auth-modal [hidden],
.auth-modal__panel[hidden],
.auth-modal form[hidden],
.auth-modal .register-step[hidden]{
  display:none!important;
}
.auth-modal{
  position:fixed!important;
  inset:0!important;
  z-index:30000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
}
.auth-modal__backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(0,0,0,.64)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
}
.auth-modal__card{
  position:relative!important;
  width:min(390px,calc(100vw - 28px))!important;
  max-height:min(84vh,640px)!important;
  overflow:auto!important;
  border-radius:22px!important;
  padding:24px!important;
  margin:auto!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(255,224,138,.12),transparent 34%),
    linear-gradient(155deg,rgba(12,12,14,.988),rgba(5,5,7,.966))!important;
  border:1px solid rgba(255,224,138,.30)!important;
  box-shadow:0 32px 105px rgba(0,0,0,.70),0 0 48px rgba(212,175,55,.13),inset 0 1px 0 rgba(255,255,255,.075)!important;
}
.auth-modal__head{
  text-align:center!important;
  padding:0 34px 14px!important;
}
.auth-modal__head h2{
  font-size:clamp(28px,3vw,36px)!important;
  margin:0 0 6px!important;
  letter-spacing:-.04em!important;
}
.auth-modal__head p{
  margin:0!important;
  font-size:13px!important;
  color:rgba(255,248,220,.82)!important;
}
.auth-modal__close{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  width:30px!important;
  height:30px!important;
  border:0!important;
  background:transparent!important;
  color:rgba(255,248,220,.9)!important;
  box-shadow:none!important;
  font-size:28px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.auth-modal__tabs,
.auth-modal .register-progress{
  display:none!important;
}
.auth-modal__panel{
  display:none!important;
}
.auth-modal__panel.is-active,
.auth-modal .register-step.is-active{
  display:block!important;
}
.auth-modal .client-form,
.auth-modal .client-form--register-start{
  display:grid!important;
  gap:14px!important;
}
.auth-modal .client-form[hidden],
.auth-modal .client-form--register-start[hidden]{
  display:none!important;
}
.auth-modal .client-form label{
  margin:0!important;
  gap:7px!important;
}
.auth-modal input{
  min-height:48px!important;
  border-radius:14px!important;
  font-size:14px!important;
  padding:0 14px!important;
}
.auth-modal .btn--wide{
  min-height:48px!important;
  border-radius:16px!important;
}
.register-modal__copy{
  text-align:center!important;
  max-width:none!important;
  font-size:15px!important;
  line-height:1.45!important;
  margin:10px auto 8px!important;
  color:rgba(255,248,220,.82)!important;
}
.register-modal__link,
.register-resend{
  display:block!important;
  margin:8px auto 14px!important;
  text-align:center!important;
}
.register-code-boxes{
  display:grid!important;
  grid-template-columns:repeat(6,1fr)!important;
  gap:7px!important;
  margin:16px 0 10px!important;
  max-width:none!important;
}
.register-code-boxes input{
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  padding:0!important;
  text-align:center!important;
  font-size:22px!important;
  border-radius:13px!important;
}
body.auth-modal-open .account-menu.is-open .account-panel{
  opacity:.16!important;
  transform:none!important;
}
@media(max-width:560px){
  .auth-modal{padding:12px!important}
  .auth-modal__card{
    width:min(390px,calc(100vw - 24px))!important;
    max-height:calc(100vh - 24px)!important;
    padding:18px!important;
  }
}
/* END SUAVE FIX DEFINITIVO REGISTRO LIMPIO */



/* SUAVE PERFIL EN REGISTRO: solo campos del perfil, sin cambiar tamaño del modal */
.auth-modal .register-profile-form{
  grid-template-columns:1fr!important;
  gap:10px!important;
}
.auth-modal .register-profile-form .client-form__full{
  grid-column:1/-1!important;
}
/* END SUAVE PERFIL EN REGISTRO */