/* Marcas Originales: base común de la tienda. Tokens y componentes iguales al Portal de Socios.
   Se carga al final en todas las vistas. Fuente: qa/sistema-diseno-fuente y mo-portal.css. */
:root{
 --canvas:#ffffff;--surface-card:#fafaf9;--surface-raised:#ffffff;--subtle:#e8e8e5;--line-strong:#c9c9c4;
 --ink-hover:#2a2a28;--ink-2:#3a3a37;--on-ink:#ffffff;--gold-soft:#f6ecd2;--gold-ink:#7a5900;
 --success:#137a38;--success-soft:#e4f3e8;--warning:#9a5b00;--warning-soft:#fcf0d9;--danger:#c42b2b;--danger-soft:#fce9e7;--info-soft:#ebebe8;
 --space-section:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;
 --shadow-card:0 1px 2px rgba(11,11,11,.04),0 8px 24px rgba(11,11,11,.04);--shadow-pop:0 12px 32px rgba(11,11,11,.12);
 --font-display:Sora,"Segoe UI",system-ui,sans-serif;--font-text:"DM Sans","Segoe UI",system-ui,sans-serif;
}
html[data-theme=light],html[data-theme=light] .home-v2,html[data-theme=light] body{
 --paper:#ffffff;--surface:#fafaf9;--soft:#e8e8e5;--line:#deded9;--ink:#0b0b0b;--muted:#66665f;--accent:#cb9500;--gold:#cb9500;--dark:#0b0b0b;
 --nav:rgba(255,255,255,.86);--card:#fafaf9;--shadow:rgba(11,11,11,.06);--sans:var(--font-display);--serif:var(--font-display);
}
html[data-theme=light] body{background:var(--canvas);color:var(--ink);font-family:var(--font-text)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* Etiquetas: Title Case, sin mayúsculas forzadas (estilo eyebrow del sistema). */
.eyebrow,.arrival-brand,.study-brand,.campaign-topline span,.pdp-kicker span,.brand-edit-caption{text-transform:none!important;letter-spacing:0!important}
.eyebrow{font:700 12px/16px var(--font-display)!important;color:var(--muted)}

/* Añadir al Carrito: negro como en el portal; anillo dorado solo en hover y foco. */
.add-btn,.arrivals-edit .arrival-card .add-btn,.study-buy .add-btn,.pdp-add,.pdp-buy .add-btn{
 position:relative;isolation:isolate;overflow:visible;display:inline-flex;align-items:center;justify-content:center;gap:6px;
 width:100%;min-height:44px;height:44px;padding:0 10px;border:1px solid var(--ink)!important;border-radius:var(--radius-md)!important;
 background:var(--ink)!important;color:var(--on-ink)!important;box-shadow:none;backdrop-filter:none!important;
 font:600 13px/1 var(--font-display)!important;letter-spacing:0;text-transform:none;white-space:nowrap;animation:none}
.add-btn::after,.arrivals-edit .arrival-card .add-btn::after{display:none!important}
.add-btn>*{position:relative;z-index:1;color:inherit}
.add-btn svg{width:16px;height:16px;flex:0 0 16px}
.add-btn::before,.arrivals-edit .arrival-card .add-btn::before{content:"";position:absolute;inset:-2px;padding:2px;border-radius:inherit;background:conic-gradient(from var(--mo-glow-angle),var(--gold-ink),var(--gold),var(--gold-soft),var(--gold),var(--gold-ink));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;z-index:-1;animation:mo-glow-spin 3s linear infinite;pointer-events:none}
.add-btn:hover,.add-btn:focus-visible,.arrivals-edit .arrival-card .add-btn:hover,.arrivals-edit .arrival-card .add-btn:focus-visible{border-color:transparent!important;background:#fff!important;color:var(--ink)!important;box-shadow:inset 0 0 0 2px rgb(255 255 255 / .95),0 0 28px -6px rgb(203 149 0 / .5),0 12px 24px -14px rgb(0 0 0 / .38)}
.add-btn:hover::before,.add-btn:focus-visible::before,.arrivals-edit .arrival-card .add-btn:hover::before,.arrivals-edit .arrival-card .add-btn:focus-visible::before{opacity:1}
.add-btn:active{transform:scale(.98)}
@media (max-width:480px){.add-btn,.arrivals-edit .arrival-card .add-btn{gap:4px;padding:0 6px;font-size:12px!important}.add-btn svg{display:none}}

/* Botón flotante de WhatsApp: igual al del portal. El verde oficial es la excepción deliberada. */
.mo-wa-float{position:fixed;right:24px;bottom:24px;z-index:45;transition:opacity .25s ease,visibility .25s;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25d366;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.28);text-decoration:none}
.mo-wa-float:focus-visible{outline:2px solid #128c7e;outline-offset:3px}
.mo-wa-float:hover,.mo-wa-float:focus{color:#fff;background:#25d366}
.mo-wa-float.is-on-hero{opacity:0;visibility:hidden}
.mo-wa-float svg{display:block;width:36px;height:36px;position:relative;z-index:1;fill:currentColor;stroke:none}
.mo-wa-float::before,.mo-wa-float::after{content:"";position:absolute;inset:0;border-radius:50%;background:#25d366;opacity:0;pointer-events:none;animation:moWaOnda 2.8s ease-out infinite}
.mo-wa-float::after{animation-delay:1.4s}
@keyframes moWaOnda{0%{transform:scale(1);opacity:.38}70%{opacity:0}100%{transform:scale(1.75);opacity:0}}
@media (max-width:640px){.mo-wa-float{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:56px;height:56px}.mo-wa-float svg{width:32px;height:32px}}
@media (prefers-reduced-motion:reduce){.mo-wa-float::before,.mo-wa-float::after{display:none}}

/* Separación entre secciones: 96 px en todos los anchos (space-section). */
#categorias,#novedades,#colecciones,#spotlight,#ofertas,#reels,#cierre,#beneficios,.pdp-related,.experience-banner,.pdp-story{margin-top:0}
#categorias,#novedades,#colecciones,#spotlight,#ofertas,#reels,#cierre,#beneficios,.pdp-related{padding-top:var(--space-section)!important;padding-bottom:0!important}
.home-v2 #categorias,.home-v2 #novedades,.home-v2 #colecciones,.home-v2 #spotlight,.home-v2 #ofertas,.home-v2 #reels,.home-v2 #cierre,.home-v2 #beneficios{background:var(--canvas);border-top:0}
.home-v2 .campaign-stack,.home-v2 .social-footer{margin-bottom:0;padding-bottom:0}
#beneficios,.pdp-related,.cart-page-section,.co-main,.account-layout,.catalog-results{padding-bottom:var(--space-section)!important}
.pdp-story{padding-block:var(--space-section)!important}
.footer-edit,.site-footer{margin-top:0}

.catalog-pagination{flex-wrap:wrap}
.directory-image:after{display:none}
input,select,textarea{border-radius:var(--radius-md)}

/* Navbar: letras algo mayores, línea blanca sobre el hero y cristal como .mo-shell-header del portal. */
.home-v2 .nav-links{gap:24px}
.home-v2 .nav-links>a,.nav-dropdown-trigger{font:500 13px var(--font-display)!important;position:relative}
.home-v2 .nav-links>a::after,.nav-dropdown-trigger::after{content:'';position:absolute;left:0;bottom:-7px;width:0;height:1px;background:currentColor!important;transition:width .25s}
.home-v2 .nav-dropdown-trigger::after{bottom:6px}
.home-v2 .nav-links>a:hover::after,.nav-dropdown-trigger:hover::after{width:100%}
html[data-theme=light] .site-header.scrolled,html[data-theme=light] .home-v2 .site-header.scrolled,html[data-theme=light] .home-v2 .site-header:has(.nav-dropdown-trigger[aria-expanded=true]){background:rgb(255 255 255 / .72);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);border-bottom:1px solid rgb(0 0 0 / .06);color:var(--ink)}
.home-v2 .site-header.scrolled .cart-count{background:var(--ink);color:var(--on-ink)}

/* Buscador: mismo cristal que el navbar; tallas con el estilo de mo-chip. */
html[data-theme=light] .search-panel{background:#fff}
.search-item{padding:12px 0;border-bottom:1px solid var(--line)}
.search-item .search-result{padding:0;border:0}
.search-sizes{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0 81px}
.search-size{min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink);font:700 14px var(--font-text);cursor:pointer}
.search-size:hover,.search-size:focus-visible{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}

/* Hero. */
.cinema-down{position:absolute;left:50%;bottom:30px;translate:-50% 0;width:52px;height:52px;display:grid;place-items:center;border:1px solid #ffffffa0;border-radius:50%;background:#00000024;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .25s,color .25s}
.cinema-down:hover,.cinema-down:focus-visible{background:#fff;color:var(--ink)}
.cinema-down svg{width:22px;height:22px}
.mo-glow-hover{position:relative;isolation:isolate;overflow:visible}
.mo-glow-hover::before{content:"";position:absolute;inset:-2px;padding:2px;border-radius:inherit;background:conic-gradient(from var(--mo-glow-angle),#8a6200,#cb9500,#f3d27a,#fff4cf,#e0a106,#8a6200);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;z-index:-1;animation:mo-glow-spin 3s linear infinite;pointer-events:none}
.mo-glow-hover:hover::before,.mo-glow-hover:focus-visible::before{opacity:1}

/* Marcas. */
.home-v2 .brand-edit{align-items:center}
.brand-edit-caption{justify-content:center}

/* Categorías: franjas del portal (mo-catstrip, mo-catcard) con la flecha de cristal. */
.mo-catstrips{position:relative;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;display:flex;flex-direction:column;gap:16px;padding:8px 0}
.category-edit{overflow:hidden}
.mo-catstrip{overflow:hidden;width:100%}
.mo-catstrip__track{display:flex;width:max-content;gap:16px;will-change:transform}
.mo-catstrip__set{display:flex;gap:16px;flex-shrink:0}
.mo-catcard{position:relative;display:block;flex:0 0 auto;width:272px;aspect-ratio:4/5;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-card);color:var(--on-ink)}
.mo-catcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.mo-catcard::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(to top,rgb(11 11 11 / .75),transparent);pointer-events:none}
.mo-catcard__name{position:absolute;left:16px;right:60px;bottom:16px;z-index:1;font:600 18px/1.25 var(--font-display);color:var(--on-ink)}
.mo-catcard .category-arrow{position:absolute;right:16px;bottom:16px;z-index:1}
.mo-catcard:hover img{transform:scale(1.04)}
.mo-text-link{display:inline-flex;gap:24px;align-items:center;min-height:48px;padding-right:32px;border-bottom:1px solid var(--ink);font:500 14px var(--font-display);color:var(--ink)}

/* Tarjeta de producto. */
.arrival-info h3{min-height:30px}
.arrival-price{margin-top:4px}
.arrival-wish:hover,.arrival-wish:focus-visible,.arrival-wish.saved{color:#c2184b}
.arrival-wish:hover svg,.arrival-wish:focus-visible svg,.arrival-wish.saved svg{fill:#c2184b;stroke:#c2184b}
.arrival-photo .arrival-options{background:rgb(255 255 255 / .55);-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6)}
.arrival-photo .size-chip:hover,.arrival-photo .size-chip:focus-visible{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}
.arrivals-edit .filter-chip{font:500 13px var(--font-display);letter-spacing:0;min-height:44px;border-radius:var(--radius-sm)}
.arrivals-edit .filter-chip.active{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}

.add-btn,.arrivals-edit .arrival-card .add-btn{justify-content:center!important;gap:8px!important}
.add-btn>span,.add-btn>svg{margin:0!important}
.brand-window:hover .brand-belt{animation-play-state:paused}
.drawer:not(.open),.search-panel:not(.open),.mobile-menu:not(.open){box-shadow:none!important}

/* The Marcas Originales Edit. */
.campaign-heading-aside{max-width:300px;flex:0 0 300px}
.campaign-heading-aside p{font:400 14px/1.8 var(--font-text);color:var(--muted);margin:0 0 18px}
.campaign-copy{transform:translateY(-54%)}
.campaign-ready .campaign-copy>.campaign-cta{transition:opacity .65s ease,translate .8s cubic-bezier(.22,1,.36,1),background .4s ease,color .4s ease,box-shadow .4s ease,border-color .4s ease}
.campaign-ready.is-entered .campaign-copy>.campaign-cta{transition-delay:0s!important}
.campaign-cta:hover,.campaign-women .campaign-cta:hover,.campaign-cta:focus-visible,.campaign-women .campaign-cta:focus-visible{transform:none;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 2px rgb(255 255 255 / .95),0 0 28px -6px rgb(203 149 0 / .5),0 12px 24px -14px rgb(0 0 0 / .38)}
.home-v2 .spotlight-study{border-top:0}

/* Lote 3 de Inicio. */
.home-v2 .nav-links>a::after,.nav-dropdown-trigger::after{height:1px!important;transform:scaleY(.75);transform-origin:bottom}
html[data-theme=light] .site-header.scrolled,html[data-theme=light] .home-v2 .site-header.scrolled,html[data-theme=light] .home-v2 .site-header:has(.nav-dropdown-trigger[aria-expanded=true]){background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-theme=light] .site-header.scrolled::before,html[data-theme=light] .home-v2 .site-header:has(.nav-dropdown-trigger[aria-expanded=true])::before{content:"";position:absolute;inset:0;z-index:-1;background:rgb(255 255 255 / .72);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6)}
html[data-theme=light] .nav-dropdown{background:rgb(255 255 255 / .72);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);border-color:rgb(0 0 0 / .06)}
.nav-dropdown a{letter-spacing:0!important;font-family:var(--font-text)!important}

/* Buscador compacto. */
.search-item{padding:8px 0}
.search-result img{width:48px!important;height:56px!important;border-radius:var(--radius-sm)}
.search-item .search-result{gap:12px;min-height:0}
.search-result small{margin-top:2px}
.search-sizes{gap:6px;margin:6px 0 0 60px}
.search-size{min-width:36px;min-height:32px;padding:0 8px;font-size:13px}
@media(pointer:coarse){.search-size{min-width:44px;min-height:44px}}

/* Hero: cada botón pasa al estilo del otro. */
.home-v2 .cinema-actions .btn{transition:background .4s ease,color .4s ease,border-color .4s ease}
.home-v2 .cinema-actions .btn:hover{transform:none;box-shadow:none}
.home-v2 .cinema-primary{border:1px solid #fff}
.home-v2 .cinema-primary:hover,.home-v2 .cinema-primary:focus-visible{background:#00000024;color:#fff;border-color:#ffffffa0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.home-v2 .cinema-secondary:hover,.home-v2 .cinema-secondary:focus-visible{background:#fff;color:#0b0b0b;border-color:#fff}

/* Enlace de Sección: estándar de los botones de texto junto al encabezado. */
.mo-section-link,.arrival-heading-aside a,.social-heading-aside a{display:inline-flex;align-items:center;gap:18px;min-height:44px;padding:0;border-bottom:1px solid var(--ink);font:500 12px var(--sans);color:var(--ink)}
.closing-edit-aside p{margin:0 0 18px;font:400 14px/1.8 var(--font-text);color:var(--muted)}
.closing-edit-aside{flex:0 0 auto}

/* Glow de la tienda: relleno blanco sólido. */
.spotlight-study .study-buy,.spotlight-study .study-buy:hover,.spotlight-study .study-buy:focus-visible,.product-page .pdp-add:hover,.product-page .pdp-add:focus-visible{background:#fff!important;-webkit-backdrop-filter:none;backdrop-filter:none}
.spotlight-study .study-buy{justify-content:center;gap:10px}

/* Filtros rápidos en una fila. */
.mo-qf{display:flex!important;flex-wrap:nowrap!important;gap:8px;flex:1 1 auto;min-width:0;margin:0!important;position:relative}
.mo-qf>.filter-chip{flex:0 0 auto}
.filter-chip,.arrivals-edit .filter-chip{font:500 13px var(--font-display);letter-spacing:0;min-height:44px;padding:0 16px;border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink);border:1px solid var(--line);white-space:nowrap;transition:background .25s,border-color .25s,color .25s}
.filter-chip::before,.filter-chip::after{display:none!important}
.filter-chip:hover,.arrivals-edit .filter-chip:hover{background:var(--surface-raised);color:var(--ink);border-color:var(--ink)}
.filter-chip.active,.filter-chip.active:hover,.arrivals-edit .filter-chip.active,.arrivals-edit .filter-chip.active:hover{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}
.mo-qf__more{position:relative;flex:0 0 auto}
.mo-qf__more[hidden]{display:none}
.mo-qf__menu{position:absolute;z-index:20;right:0;top:calc(100% + 8px);width:260px;max-height:320px;overflow:auto;padding:8px;display:grid;gap:4px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-pop)}
.mo-qf__menu[hidden]{display:none}
.mo-qf__menu .filter-chip{width:100%;text-align:left;border-color:transparent}
.arrival-toolbar{flex-wrap:nowrap}
.arrival-status{flex:0 0 auto;white-space:nowrap;margin:0;padding:0!important}

/* Una Pieza. */
.study-selector{margin-bottom:24px}
.study-layout{width:90%;margin-inline:auto}
.study-visual{min-height:0!important;padding:40px;background:#eae7e0;isolation:isolate}
.study-visual::before{display:none}
.study-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.4;filter:blur(3px) saturate(.9);transform:scale(1.04)}
.study-image-frame{max-width:360px}
.study-image-bottom{justify-content:flex-end!important;position:absolute;left:24px;right:24px;bottom:16px;display:flex}
.study-purchase{padding:40px clamp(24px,3.4vw,52px)}
.study-purchase h2{font-size:clamp(28px,2.8vw,42px)!important;margin:16px 0 12px}
.study-brand-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 14px 4px 8px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-raised);font:600 13px var(--font-display);color:var(--ink);transition:border-color .25s}
.study-brand-btn:hover{border-color:var(--ink)}
.study-brand-btn img{width:32px;height:32px;object-fit:contain}
.study-label{display:inline-flex;align-items:center;gap:6px}
.study-label svg{width:16px;height:16px}

/* Beneficios centrados. */
.home-v2 .trust-edit{text-align:center;padding-bottom:var(--space-section)}
.home-v2 .trust-edit article{padding:8px 24px;display:flex;flex-direction:column;align-items:center}
.home-v2 .trust-edit article:last-child{padding-right:24px}
.trust-link{padding:0;min-height:44px;border-bottom:1px solid var(--line);color:var(--ink);font:400 11px var(--font-text);display:inline-flex;gap:15px;align-items:center}

/* Footer. */
.footer-edit-top{gap:40px!important}
.footer-brands{flex:1 1 auto;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.footer-brands:hover .footer-brands__belt{animation-play-state:paused}
.footer-brands__belt{display:flex;width:max-content;animation:moFooterBrands 60s linear infinite}
.footer-brands__set{display:flex;align-items:center;gap:40px;padding-right:40px;flex-shrink:0}
.footer-brands img{display:block;width:72px;height:72px;object-fit:contain;filter:brightness(0) invert(1);opacity:.8;transition:opacity .25s}
.footer-brands a:hover img{opacity:1}
@keyframes moFooterBrands{to{transform:translateX(-50%)}}
.footer-back{flex:0 0 52px;width:52px;height:52px;display:grid!important;place-items:center;margin:0!important;padding:0!important;border:1px solid #ffffffa0!important;border-radius:50%;color:#fff;transition:background .25s,color .25s}
.footer-back:hover,.footer-back:focus-visible{background:#fff;color:var(--ink)}
.footer-back svg{width:22px;height:22px}
.footer-social{display:flex;gap:8px;margin-bottom:8px}
.footer-social a{width:44px;height:44px;display:grid!important;place-items:center;padding:0!important;border:1px solid #ffffff40;border-radius:50%;color:#fff;transition:border-color .25s}
.footer-social a:hover{border-color:#fff}
.footer-social svg{width:20px;height:20px}

.mo-heart{position:fixed;z-index:100;color:#c2184b;font-size:14px;pointer-events:none}
@media(prefers-reduced-motion:reduce){.footer-brands__belt{animation:none}}

.study-selector.mo-qf{margin-bottom:24px!important}
.study-purchase .study-price{margin:12px 0 20px}
.study-brand-btn img{width:auto;height:22px;max-width:88px}
.footer-brands img{width:auto;height:32px;max-width:110px}

/* Lote 4 de Inicio. */
.nav-dropdown-trigger:focus-visible{outline:none}
.nav-dropdown-trigger:focus-visible::after{width:100%}
.nav-dropdown-trigger span,.mo-plus{font:300 16px/1 var(--font-display);display:inline-block;transition:transform .25s}
.nav-dropdown-trigger[aria-expanded=true] span,.mo-qf__toggle[aria-expanded=true] .mo-plus{transform:rotate(45deg)}
html[data-theme=light] .home-v2 .site-header:has(.nav-dropdown-trigger[aria-expanded=true])::before{background:rgb(255 255 255 / .86);-webkit-backdrop-filter:none;backdrop-filter:none}
.nav-dropdown a,.nav-dropdown a:hover{color:var(--ink);border-bottom:1px solid #fff}
.nav-dropdown a:last-child{border-bottom:0}
.search-results,.mo-qf__menu{scrollbar-width:none}
.search-results::-webkit-scrollbar,.mo-qf__menu::-webkit-scrollbar{display:none}
.cart-count,.home-v2 .cart-count,.home-v2 .site-header.scrolled .cart-count{font:500 11px var(--font-display)}
.arrival-wish svg{width:22px;height:22px}

/* Edición Marcas Originales. */
.campaign-cta,.campaign-women .campaign-cta,.campaign-selected .campaign-cta{border:1px solid transparent}
.campaign-ready .campaign-copy>.campaign-cta{transition:opacity .65s ease,translate .8s cubic-bezier(.22,1,.36,1),background .4s ease,color .4s ease,border-color .4s ease}
.campaign-men .campaign-cta{background:#fff;color:#0b0b0b}
.campaign-men .campaign-cta:hover,.campaign-men .campaign-cta:focus-visible{background:#00000024;color:#fff;border-color:#ffffffa0;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.campaign-women .campaign-cta,.campaign-selected .campaign-cta{background:#0b0b0b;color:#fff;border-color:#0b0b0b}
.campaign-women .campaign-cta:hover,.campaign-selected .campaign-cta:hover,.campaign-women .campaign-cta:focus-visible,.campaign-selected .campaign-cta:focus-visible{background:#fff;color:#0b0b0b;border-color:#fff;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.campaign-topline span:last-child,.campaign-bottomline>a,.campaign-women .campaign-topline span:last-child,.campaign-women .campaign-bottomline>a{color:#fff}

/* Una Pieza: tarjeta de medida fija. */
.study-layout{width:auto;height:720px}
.study-image-frame{max-width:440px}
.study-image-frame img{aspect-ratio:1;width:100%;object-fit:cover}
.study-purchase{padding:40px clamp(28px,4.3vw,70px);overflow:hidden;justify-content:flex-start}
.study-brand-btn{flex:0 0 44px}
.study-purchase h2{font-size:clamp(30px,3vw,44px)!important;line-height:1.15;height:2.3em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.study-purchase .study-description{height:5.4em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:0 0 16px}
.study-purchase .study-description[hidden]{display:block;visibility:hidden}
.study-fields>div:first-child{height:112px;overflow:hidden}
.study-head{margin-bottom:32px}
@media(max-width:1000px){.study-layout{height:auto}}

/* Reels. */
.social-links{display:flex;gap:8px}
.social-heading-aside .social-links a{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid var(--line-strong);border-radius:50%;color:var(--ink);transition:background .25s,color .25s,border-color .25s}
.social-heading-aside .social-links a:hover{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.social-links svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}

/* Elige lo que Va Contigo. */
.expand-content .eyebrow{color:#fff!important;opacity:1}
.expand-content a{border:1px solid #fff;transition:background .4s ease,color .4s ease,border-color .4s ease}
.expand-content a svg{width:17px;height:17px}
.expand-content a:hover,.expand-content a:focus-visible{background:#00000024;color:#fff;border-color:#ffffffa0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

.footer-brands__set{gap:72px;padding-right:72px}

/* Lote 5 de Inicio. */
.home-v2 .hero-film{background:#000}
.study-selector.mo-qf{gap:8px!important;justify-content:flex-start}
.study-brand-btn{flex:0 0 44px;width:112px;height:44px;justify-content:center;gap:0;padding:0 16px;overflow:hidden}
.study-brand-btn img{width:100%;height:100%;max-width:none;max-height:22px;object-fit:contain}
.study-purchase{justify-content:center}
.study-purchase h2{height:auto;margin:16px 0 8px}
.study-purchase .study-price{margin:0 0 12px}
.study-purchase .study-description{height:auto;margin:0 0 20px}
.study-fields>div:first-child{height:auto;max-height:112px}
.social-net{display:inline-flex;align-items:center;gap:6px}
.social-net svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}

/* Dropdown especial. */
.nav-links>a .mo-plus{margin-left:4px;font-size:14px}
.nav-links>a[aria-expanded=true] .mo-plus{transform:rotate(45deg)}
.home-v2 .nav-links>a{display:inline-flex;align-items:center}
.site-header.mega-open,.home-v2 .site-header.mega-open{color:var(--ink);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.site-header.mega-open::before{content:"";position:absolute;inset:0;z-index:-1;background:rgb(255 255 255 / .86)}
.home-v2 .site-header.mega-open .brand-mark img{filter:none}
.home-v2 .site-header.mega-open .cart-count{background:var(--ink);color:var(--on-ink)}
.mo-mega{position:absolute;left:50%;top:100%;translate:-50% 0;width:min(860px,92vw);padding:32px;color:var(--ink);background:rgb(255 255 255 / .72);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);border:1px solid rgb(0 0 0 / .06);border-top:0;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-pop)}
.mo-mega[hidden]{display:none}
.mo-mega__cols{display:grid;grid-template-columns:1fr 340px;gap:32px}
.mo-mega__links{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;align-content:start}
.mo-mega__links.is-grouped{grid-template-columns:repeat(3,1fr)}
.mo-mega__links>.mo-section-link{grid-column:1/-1;justify-self:start;margin-top:16px}
.mo-mega__links:not(.is-grouped)>div{grid-column:1/-1;columns:2;column-gap:24px}
.mo-mega__links .eyebrow{display:block;margin-bottom:8px}
.mo-mega__links>div>a{display:block;width:fit-content;padding:7px 0;font:400 14px/20px var(--font-text);color:var(--ink);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .25s;break-inside:avoid}
.mo-mega__links>div>a:hover{background-size:100% 1px}
.mo-mega__products{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mo-mega__products a{display:grid;gap:4px;color:var(--ink);font:400 13px/18px var(--font-text)}
.mo-mega__products img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-md);margin-bottom:4px}
.mo-mega__products span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.mo-mega__products strong{font:600 14px var(--font-display)}
.mo-mega__products{align-items:start}
.mo-mega__products a{align-content:start}

/* Sin avisos flotantes; la talla faltante se señala en la propia tarjeta. */
.toast{display:none!important}
.mo-needs-size .arrival-options{opacity:1!important;visibility:visible!important;transform:none!important}
.mo-needs-size .size-chip{border-color:var(--ink)!important}
.mo-fly{position:fixed;z-index:60;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-pop);pointer-events:none}

/* Edición: botones por tarjeta. */
.campaign-women .campaign-cta{background:#fff;color:#0b0b0b;border-color:#fff}
.campaign-women .campaign-cta:hover,.campaign-women .campaign-cta:focus-visible{background:#0b0b0b;color:#fff;border-color:#0b0b0b}
.campaign-selected .campaign-cta{background:#fff;color:#0b0b0b;border-color:#fff}
.campaign-selected .campaign-cta:hover,.campaign-selected .campaign-cta:focus-visible{background:#00000024;color:#fff;border-color:#ffffffa0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

/* Aviso de talla: componente Toast del sistema, variante info. A la izquierda del botón de WhatsApp. */
.mo-toasts{position:fixed;z-index:60;right:104px;bottom:24px;display:grid;justify-items:end;pointer-events:none}
.mo-toast{pointer-events:auto;display:flex;align-items:center;gap:12px;width:100%;max-width:420px;min-height:48px;padding:4px 4px 4px 16px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--info-soft);color:var(--ink);box-shadow:var(--shadow-pop);font:400 14px/20px var(--font-text);animation:mo-toast-in .25s ease}
.mo-toast__icon{width:24px;height:24px;border-radius:var(--radius-pill);display:grid;place-items:center;flex:none;background:var(--surface-raised)}
.mo-toast svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}
.mo-toast__text{flex:1;margin:0}
.mo-toast__close{width:44px;height:44px;flex:none;display:grid;place-items:center;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink);cursor:pointer}
@keyframes mo-toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:767px){.mo-toasts{left:16px;right:16px;bottom:88px;justify-items:center}}
@media(prefers-reduced-motion:reduce){.mo-toast{animation:none}}

/* Footer: botón del Libro de Reclamaciones y enlaces legales (Subfase 10) */
.footer-statement .footer-libro{display:inline-flex;align-items:center;gap:14px;min-height:56px;padding:10px 20px 10px 16px;border:1px solid #ffffff40;border-radius:12px;color:#fff;font:500 13px/1.25 var(--font-display);letter-spacing:0;transition:border-color .25s}
.footer-statement .footer-libro:hover,.footer-statement .footer-libro:focus-visible{border-color:#fff}
.footer-statement .footer-libro svg{flex:none;width:26px;height:26px}
.footer-edit-bottom a{color:#b6b7ae;font:400 11px 'DM Sans',sans-serif;padding:8px 0;min-height:44px;display:inline-flex;align-items:center;transition:color .2s}
.footer-edit-bottom a:hover{color:#fff}
@media(max-width:650px){.footer-statement .footer-libro{margin-top:4px}}
/* Los botones que abrían el diálogo ahora son enlaces: mismo aspecto */
.trust-edit article>a{padding:0;min-height:44px;border-bottom:1px solid var(--line);color:var(--ink);font:400 11px 'DM Sans',sans-serif;display:inline-flex;gap:15px;align-items:center}
.pdp-assurance>a{display:flex;align-items:center;gap:7px;min-height:44px;border:0;background:none;color:var(--ink);padding:0;font:400 11px 'DM Sans',sans-serif}
.pdp-accordions p+a{display:inline-flex;align-items:center;border-bottom:1px solid var(--line);padding:0;min-height:44px;font:400 11px 'DM Sans',sans-serif;color:var(--ink);margin-bottom:15px}
@media(max-width:960px){.trust-edit article>a{font-size:11px;gap:9px}}

/* Tema oscuro (Subfase 12): mismos nombres de token que el claro, con contraste mínimo 4.5:1.
   La base es la de Inicio (#111110). Lo que no use token se corrige abajo, bajo el mismo prefijo. */
html[data-theme=dark],html[data-theme=dark] body,html[data-theme=dark] .home-v2{
 --canvas:#111110;--paper:#111110;--surface:#1d1d1b;--surface-card:#1d1d1b;--surface-raised:#262624;--card:#1d1d1b;--soft:#2a2a27;--subtle:#32322f;
 --line:#40403b;--line-strong:#5c5c56;--ink:#fafaf9;--ink-hover:#e0e0dc;--ink-2:#d4d4ce;--muted:#b8b8b0;--on-ink:#0b0b0b;--dark:#fafaf9;
 --accent:#cb9500;--gold:#cb9500;--gold-soft:#3a2f0e;--gold-ink:#f0c24a;
 --success:#5fcf86;--success-soft:#14301f;--warning:#f0b34a;--warning-soft:#33260c;--danger:#ff8a82;--danger-soft:#3a1a18;--info-soft:#262624;
 --nav:rgba(17,17,16,.86);--shadow:rgba(0,0,0,.4);
 --shadow-card:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.3);--shadow-pop:0 12px 32px rgba(0,0,0,.55);
}
html[data-theme=dark] body{background:var(--canvas);color:var(--ink);font-family:var(--font-text)}
/* Texto fijo sobre foto: no cambia con el tema. */
html[data-theme=dark] .mo-catcard,html[data-theme=dark] .mo-catcard__name{color:#fff}
/* Superficies que tenían blanco fijo. */
html[data-theme=dark] .s3-size{background:var(--surface-raised);color:var(--ink)}
html[data-theme=dark] .s3-size[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}
html[data-theme=dark] .pdp-zoom-label,html[data-theme=dark] .pdp-gallery-counter{background:rgb(17 17 16 / .88);color:var(--ink)}
html[data-theme=dark] .s3-input,html[data-theme=dark] .catalog-toolbar select,html[data-theme=dark] .catalog-toolbar>button{background-color:var(--surface-raised);color:var(--ink)}
html[data-theme=dark] .s3-filters,html[data-theme=dark] .s3-filters__apply{background:var(--canvas)}
html[data-theme=dark] .s3-range input::-webkit-slider-thumb{background:var(--ink)}
html[data-theme=dark] .s3-range input::-moz-range-thumb{background:var(--ink)}
/* Botones que pasan a blanco en hover o foco: el texto se queda negro en los dos temas. */
html[data-theme=dark] .add-btn:hover,html[data-theme=dark] .add-btn:focus-visible,html[data-theme=dark] .arrivals-edit .arrival-card .add-btn:hover,html[data-theme=dark] .arrivals-edit .arrival-card .add-btn:focus-visible,html[data-theme=dark] .product-page .pdp-add:hover,html[data-theme=dark] .product-page .pdp-add:focus-visible,html[data-theme=dark] .spotlight-study .study-buy:hover,html[data-theme=dark] .spotlight-study .study-buy:focus-visible{color:#0b0b0b!important}
html[data-theme=dark] .mo .mo-btn--glow,html[data-theme=dark] .mo .mo-btn--glow:hover,html[data-theme=dark] .mo .mo-btn--glow:focus-visible{color:#0b0b0b}
html[data-theme=dark] .mo .mo-btn--danger,html[data-theme=dark] .mo .mo-qr.is-listo .mo-qr__estado::before{color:#0b0b0b}
html[data-theme=dark] .spotlight-study .study-buy,html[data-theme=dark] .spotlight-study .study-buy *{color:#0b0b0b!important}

/* Tema oscuro: el anillo del Glow gira en blanco (Rafael, 06/11/2026). Vale para todo botón con Glow de la tienda. */
html[data-theme=dark] :is(.add-btn,.arrivals-edit .arrival-card .add-btn,.mo-glow-hover,.mo .mo-btn--glow,.product-page .pdp-add,.spotlight-study .study-buy)::before{background:conic-gradient(from var(--mo-glow-angle),#6f6f6a,#d4d4ce,#ffffff,#f4f4f0,#a8a8a2,#6f6f6a)}
/* Etiquetas de producto (Rafael 06/11/2026): En Oferta = Llama con Punto (texto que arde y punto que titila, sin borde); Novedad = Texto Dorado (letras en dorado que brillan sin pausa). */
.arrival-badge--oferta{display:inline-flex;align-items:center;gap:6px;font-weight:700!important}
.arrival-badge--oferta i{width:7px;height:7px;border-radius:50%;background:#ff6d00;box-shadow:0 0 6px #ff9100;animation:mo-titila 1.1s ease-in-out infinite alternate}
.arrival-badge--oferta span{background:linear-gradient(0deg,#d50000,#ff6d00 40%,#ffb300 70%,#d50000);background-size:100% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mo-llama 1.8s ease-in-out infinite}
.arrival-badge--novedad{border-color:#cb950055!important;font-weight:700!important}
.arrival-badge--novedad span{background:linear-gradient(90deg,#8a6200,#cb9500,#fff4cf,#cb9500,#8a6200);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mo-dorado 2.6s linear infinite}
@keyframes mo-titila{from{opacity:.55;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}
@keyframes mo-llama{0%,100%{background-position:0 0}50%{background-position:0 100%}}
@keyframes mo-dorado{from{background-position:150% 0}to{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){.arrival-badge--oferta i,.arrival-badge--oferta span,.arrival-badge--novedad span{animation:none}}


/* Nuevo: destello dorado con brillo mínimo, como el punto de En Oferta (sistema, Fase 4). */
.arrival-badge--novedad{display:inline-flex;align-items:center;gap:6px}
.arrival-badge--novedad i{display:grid;width:10px;height:10px}
.arrival-badge--novedad i svg{width:10px;height:10px;fill:#cb9500;filter:drop-shadow(0 0 3px #ffcf4d);animation:mo-destello 1.6s ease-in-out infinite alternate}
@keyframes mo-destello{from{transform:scale(.78) rotate(0);opacity:.75}to{transform:scale(1.08) rotate(45deg);opacity:1}}
@media(prefers-reduced-motion:reduce){.arrival-badge--novedad i svg{animation:none}}

/* Botón Glow (.mo-btn--glow): relleno blanco sólido, sin trama ni cristal, en la tienda y en el portal (Fase 10, Paso 3). */
.mo .mo-btn--glow,.mo .mo-btn--glow:hover,.mo .mo-btn--glow:focus-visible{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}