/* /store.css */

/* 01. Variables, temas y base móvil */
:root{color-scheme:dark;--bg-principal:#0a0e27;--bg-secundario:#11163a;--superficie:#1a2050;--azul:#3b6cff;--azul-profundo:#1e3a8a;--cian:#00e5ff;--celeste:#7dd3fc;--morado:#8b5cf6;--morado-intenso:#6d28d9;--texto:#eaf2ff;--texto-suave:#9fb3d9;--borde:rgba(157,185,255,.18);--glass:rgba(17,22,58,.88);--profundidad:#080b20;--radio:1.4rem;--espacio:clamp(4rem,8vw,8rem);--duracion:300ms;--rebote:cubic-bezier(.34,1.56,.64,1);--ancho:87.5rem;--nav-offset:7rem;--gradiente:linear-gradient(135deg,var(--azul),var(--cian),var(--morado))}
[data-theme="light"]{color-scheme:light;--bg-principal:#f0f7ff;--bg-secundario:#e0eeff;--superficie:#fff;--azul:#2563eb;--cian:#06b6d4;--celeste:#38bdf8;--morado:#7c3aed;--texto:#0f1b3d;--texto-suave:#4a5b80;--borde:rgba(37,68,130,.2);--glass:rgba(240,247,255,.94);--profundidad:#bfd0ec}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-offset)}body{margin:0;background:var(--bg-principal);color:var(--texto);font-family:Inter,system-ui,sans-serif;font-size:clamp(1rem,.96rem + .14vw,1.16rem);line-height:1.7;overflow-x:hidden;transition:background .5s,color .5s}body.lock{overflow:hidden}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Poppins,system-ui,sans-serif;line-height:1.2}h1{font-size:clamp(2.6rem,1.5rem + 4.5vw,6rem);letter-spacing:-.065em}h2{font-size:clamp(2rem,1.25rem + 2.6vw,3.7rem);letter-spacing:-.05em}h3{font-size:1.22rem}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer;color:inherit}button,a{ -webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:default}img{max-width:100%;height:auto;display:block}img.loaded{animation:reveal .5s both}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--cian);outline-offset:5px;box-shadow:0 0 0 7px var(--morado)}[hidden]{display:none!important}::selection{background:var(--morado);color:white}.wrap{width:min(calc(100% - 2rem),var(--ancho));margin-inline:auto}.section{padding-block:var(--espacio);scroll-margin-top:1rem}.eyebrow{display:flex;align-items:center;gap:.65rem;color:var(--celeste);font-size:.72rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase;margin-bottom:1.15rem}.eyebrow:before{content:"";width:1.8rem;height:2px;background:var(--cian)}.muted{color:var(--texto-suave)}.gradient{background:var(--gradiente);background-clip:text;-webkit-background-clip:text;color:transparent}.section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-bottom:2.5rem}.section-head p{max-width:30rem;color:var(--texto-suave)}.underline{position:relative;display:inline-block;padding-bottom:.65rem}.underline:after{content:"";position:absolute;bottom:0;left:0;width:3rem;height:3px;border-radius:1rem;background:var(--gradiente)}.grid{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,16.25rem),1fr))}.stack{display:grid;gap:1.3rem}.skip{position:fixed;top:-8rem;left:1rem;z-index:200}.skip:focus{top:1rem}.progress{position:fixed;inset:0 0 auto;height:3px;background:var(--gradiente);transform:scaleX(0);transform-origin:left;z-index:150;pointer-events:none}
/* 02. Superficies y controles con profundidad */
.btn-3d,.card-3d{position:relative;border:1px solid var(--borde);border-top-color:rgba(157,185,255,.4);border-radius:var(--radio);background:linear-gradient(145deg,var(--superficie),var(--bg-secundario));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 6px 0 var(--profundidad),0 15px 30px rgba(0,0,0,.12);transition:transform var(--duracion) var(--rebote),box-shadow var(--duracion),background .5s,border-color .5s}.btn-3d{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-width:2.75rem;min-height:3rem;padding:.75rem 1.25rem;font-weight:600;font-size:.88rem;isolation:isolate;overflow:hidden}.btn-3d:after{content:"";position:absolute;inset:-100%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.18) 50%,transparent 58%);transform:translateX(-75%);pointer-events:none;z-index:-1}.btn-3d.primary{color:#fff;background:linear-gradient(120deg,#365bf4,#187dc0);border-color:#5aa5ee;box-shadow:inset 0 1px 0 #92d9ff88,0 6px 0 #193c91,0 14px 30px #326bff35}.btn-3d.secondary{background:linear-gradient(135deg,#6d28d9,#3b6cff);color:white}.btn-3d.outline{background:var(--bg-secundario)}.circle{border-radius:50%;padding:.65rem;width:3rem;flex-shrink:0}.card-3d{padding:clamp(1.2rem,2.5vw,2rem);min-width:0;isolation:isolate}.card-3d:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),rgba(125,211,252,.1),transparent 55%);z-index:-1}.btn-3d:active{transform:translateY(5px)!important;box-shadow:0 1px 0 var(--profundidad),0 3px 8px #0002}.ripple{position:absolute;width:1rem;height:1rem;background:#ffffff66;border-radius:50%;pointer-events:none;animation:ripple .65s ease-out forwards}.tag{display:inline-flex;padding:.4rem .75rem;border-radius:.65rem;border:1px solid var(--borde);box-shadow:0 3px 0 var(--profundidad);background:var(--bg-secundario);font-size:.7rem;color:var(--celeste)}.icon{width:3rem;height:3rem;display:grid;place-items:center;border-radius:1rem;background:linear-gradient(140deg,#3b6cff33,#8b5cf633);color:var(--celeste);box-shadow:inset 0 1px 0 #ffffff25,0 4px 0 var(--profundidad);font-size:1.3rem;margin-bottom:1.2rem}
/* 03. Navegación flotante */
.topbar{position:fixed;top:max(1rem,env(safe-area-inset-top));left:max(1rem,env(safe-area-inset-left));right:max(1rem,env(safe-area-inset-right));z-index:100;max-width:var(--ancho);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.65rem .8rem;border:1px solid var(--borde);border-radius:3rem;background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 35px #02091b33;transition:padding .3s,background .5s}.topbar.compact{padding-block:.4rem}.brand{display:flex;align-items:center;gap:.6rem;font-size:clamp(.9rem,1.4vw,1.15rem);font-weight:700;min-width:0}.brand-label{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo{position:relative;width:2.75rem;height:2.75rem;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--gradiente);color:#fff;box-shadow:0 4px 0 var(--profundidad);font-weight:700}.logo:before{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px dashed var(--celeste);animation:spin 24s linear infinite;opacity:.5}.logo img{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:50%}.nav{display:none}.nav a{font-size:.78rem;padding:.5rem 1rem;min-height:2.75rem;border-radius:2rem}.nav a.active{color:var(--celeste);background:var(--bg-principal);box-shadow:inset 0 3px 8px #0003,0 1px 0 var(--borde);transform:translateY(2px)}.nav-tools{display:flex;gap:.5rem}.hamburger{display:grid;place-content:center;gap:4px}.hamburger span{width:1.1rem;height:2px;background:currentColor;transition:transform .3s}.hamburger[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.hamburger[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-nav{position:fixed;z-index:99;top:calc(var(--nav-offset) - .5rem);left:1rem;right:1rem;padding:1rem;background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--borde);border-radius:1.5rem;display:grid;gap:.8rem;box-shadow:0 20px 50px #0005}.mobile-nav a{animation:reveal .35s both}.mobile-nav a:nth-child(2){animation-delay:.05s}.mobile-nav a:nth-child(3){animation-delay:.1s}.mobile-nav a:nth-child(4){animation-delay:.15s}.theme-icon{display:inline-block;font-size:1.15rem;transition:transform .5s}.theme-icon.turn{transform:rotate(180deg)}
/* 04. Portada y objeto tridimensional CSS: no necesita imágenes */
.hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;padding:9rem 0 3rem;isolation:isolate;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;z-index:-1;width:35rem;height:35rem;border-radius:50%;filter:blur(70px);opacity:.18;pointer-events:none;animation:drift 20s ease-in-out infinite alternate}.hero:before{background:var(--azul);top:8%;right:-10rem}.hero:after{background:var(--morado);bottom:-22rem;left:-12rem;animation-delay:-8s}.hero-layout{display:grid;gap:2rem;align-items:center}.hero-copy{max-width:44rem}.hero-copy h1 span{display:block}.hero-copy p{max-width:31rem;margin-top:1.7rem;font-size:clamp(1rem,1.8vw,1.16rem);color:var(--texto-suave)}.hero-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2.2rem}.hero-actions .btn-3d{padding:1rem 1.6rem}.hero-note{display:flex;gap:.7rem;align-items:center;margin-top:1.8rem;color:var(--texto-suave);font-size:.74rem}.live-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--cian);box-shadow:0 0 15px var(--cian)}.hero-art{position:relative;min-width:0;aspect-ratio:1/1;display:grid;place-items:center;perspective:1000px;max-width:35rem;width:100%;margin:auto}.art-label{position:absolute;bottom:14%;left:1%;display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;background:var(--glass);border-radius:1rem;font-size:.7rem;box-shadow:0 5px 0 var(--profundidad),0 15px 35px #0002;border:1px solid var(--borde);animation:float 9s ease-in-out infinite}.art-label b{display:block;font-size:.85rem}.art-code{position:absolute;top:12%;left:4%;font-size:.65rem;letter-spacing:.15em;color:var(--texto-suave)}.hero-photo{position:absolute;inset:8%;width:84%;height:84%;object-fit:cover;border-radius:3rem;box-shadow:0 15px 0 var(--profundidad),0 35px 70px #0005}.scroll-hint{display:flex;align-items:center;gap:.8rem;font-size:.65rem;letter-spacing:.17em;color:var(--texto-suave);margin-top:2rem}.scroll-hint span{display:inline-block;animation:float 3s ease-in-out infinite}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;padding-block:1.5rem 0}.stat{padding:1rem .6rem;text-align:center;border-radius:1rem}.stat strong{display:block;font-family:Poppins,sans-serif;font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.3}.stat small{font-size:.65rem;color:var(--texto-suave)}
/* 05. Tienda, galería, información */
.shop{background:var(--bg-secundario);border-block:1px solid var(--borde)}.filters{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.5rem .2rem 1rem;margin-bottom:1.7rem}.filters button{flex-shrink:0;scroll-snap-align:start}.filters button[aria-pressed=true]{background:linear-gradient(120deg,#365bf4,#187dc0);color:white}.product-grid{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr)}.product{padding:.8rem;display:flex;flex-direction:column;animation:reveal .45s both}.product-media{position:relative;overflow:hidden;border-radius:1rem;background:var(--bg-principal);aspect-ratio:1.15}.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-media .tag{position:absolute;top:.7rem;left:.7rem}.product-body{padding:1rem .35rem .6rem;display:flex;flex-direction:column;flex:1;gap:.6rem}.product-body p{color:var(--texto-suave);font-size:.85rem}.price{color:var(--celeste);font-size:1.05rem;font-weight:600;margin-top:auto;padding-top:.4rem}.product-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.5rem}.product-actions>*{flex:1;padding:.7rem .6rem;font-size:.73rem}.empty{padding:clamp(2rem,5vw,4rem);text-align:center;border-style:dashed}.empty .icon{margin-inline:auto}.empty p{max-width:34rem;margin:1rem auto 0;color:var(--texto-suave)}code{font-size:.8em;overflow-wrap:anywhere;color:var(--celeste)}.about-layout{display:grid;gap:3rem;align-items:center}.about-copy p{margin-top:1.5rem;color:var(--texto-suave)}.about-visual{position:relative;min-height:20rem;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 45% 40%,#3b6cff25,transparent 70%),var(--bg-secundario)}.monogram{font-family:Poppins,sans-serif;font-size:clamp(5rem,20vw,13rem);font-weight:800;line-height:1;background:var(--gradiente);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 12px 0 #172450);animation:float 8s ease-in-out infinite}.visual-caption{position:absolute;bottom:1.4rem;font-size:.65rem;letter-spacing:.18em;color:var(--texto-suave)}.values{margin-top:3rem}.values p{font-size:.9rem;color:var(--texto-suave);margin-top:1rem}.subsection{margin-top:4rem}.subsection>h3{margin-bottom:1.8rem;font-size:1.5rem}.timeline{display:grid;gap:1.5rem;position:relative;padding-left:1.4rem;border-left:1px solid var(--borde)}.milestone{position:relative}.milestone:after{content:"";position:absolute;left:-1.85rem;top:1.7rem;width:.7rem;height:.7rem;background:var(--cian);border-radius:50%;box-shadow:0 0 18px #00e5ff44}.milestone small{color:var(--celeste);font-weight:700}.milestone h3{margin:.5rem 0}.milestone p{font-size:.9rem;color:var(--texto-suave)}.gallery{position:relative;overflow:hidden;padding:0;touch-action:pan-y}.slides{display:flex;transition:transform .55s ease}.slide{min-width:100%;margin:0;position:relative;aspect-ratio:16/10}.slide img{width:100%;height:100%;object-fit:cover}.slide figcaption{position:absolute;inset:auto 0 0;padding:2rem 1rem 1rem;background:linear-gradient(transparent,#000c);color:white}.gallery-controls{display:flex;gap:.8rem;justify-content:center;align-items:center;margin-top:1.2rem}.dots{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem}.dot{border:0;background:transparent;min-width:2.75rem;min-height:2.75rem;display:grid;place-items:center}.dot:after{content:"";width:.4rem;height:.4rem;background:var(--texto-suave);border-radius:50%}.dot[aria-current=true]:after{background:var(--cian);box-shadow:0 0 12px var(--cian)}.team-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:1rem;margin-bottom:1rem}.faq{display:grid;gap:1rem}.faq-item{padding:0;overflow:hidden}.faq-question{width:100%;display:flex;text-align:left;justify-content:space-between;gap:1rem;padding:1.2rem;background:transparent;border:0;min-height:3rem;font-weight:600}.faq-question span:last-child{color:var(--celeste);transition:transform .3s}.faq-question[aria-expanded=true] span:last-child{transform:rotate(45deg)}.faq-answer{padding:0 1.2rem 1.2rem;color:var(--texto-suave);font-size:.92rem;animation:reveal .3s both}
/* 06. Contacto y pie */
.contact-section{background:var(--bg-secundario);border-top:1px solid var(--borde)}.contact-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:start}.contact-layout>*{min-width:0}.map p{overflow-wrap:anywhere}.contact-cards{display:grid;gap:1rem}.contact-card{display:flex;align-items:start;gap:1rem;padding:1.2rem}.contact-card .icon{flex-shrink:0;margin:0;width:2.75rem;height:2.75rem}.contact-card small{display:block;color:var(--texto-suave);font-size:.7rem;margin-bottom:.2rem}.contact-card a,.contact-card p{font-size:.88rem;overflow-wrap:anywhere}.socials{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.5rem}.form{padding:clamp(1.25rem,3vw,2.3rem)}.form h3{margin-bottom:.5rem}.form>p{font-size:.85rem;margin-bottom:1.7rem;color:var(--texto-suave)}.field{position:relative;margin-bottom:1.5rem}.field input,.field textarea{width:100%;min-height:3.4rem;border:1px solid var(--borde);border-radius:.85rem;padding:1.25rem 1rem .55rem;background:var(--bg-principal);color:var(--texto);font-size:1rem;box-shadow:inset 0 3px 8px #0002;transition:border .3s}.field textarea{min-height:9rem;resize:vertical}.field label{position:absolute;left:1rem;top:.9rem;color:var(--texto-suave);pointer-events:none;transform-origin:left top;transition:transform .25s}.field input:focus+label,.field textarea:focus+label,.field input:not(:placeholder-shown)+label,.field textarea:not(:placeholder-shown)+label{transform:translateY(-.6rem) scale(.72);color:var(--celeste)}.field input:focus,.field textarea:focus{border-color:var(--cian);outline:2px solid #8b5cf655;outline-offset:2px}.field [aria-invalid=true]{border-color:#fb7185}.error{display:block;color:#fb7185;font-size:.75rem;margin-top:.4rem}.shake{animation:shake .3s}.form .btn-3d{width:100%}.form-note{font-size:.7rem!important;margin:1rem 0 0!important}.map{width:100%;min-width:0;margin-top:2rem;overflow:hidden;padding:0;aspect-ratio:16/9;min-height:14rem;display:grid;place-items:center}.map iframe{width:100%;height:100%;border:0}.map p{padding:2rem;text-align:center;color:var(--texto-suave)}footer{padding:3rem max(1rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.footer-top{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;padding-bottom:2rem}.footer-top p{font-size:.8rem;margin-top:1rem;color:var(--texto-suave)}.footer-links{display:flex;gap:.8rem;flex-wrap:wrap}.footer-links a{font-size:.75rem;padding:.6rem 1rem}.copyright{font-size:.72rem;color:var(--texto-suave);border-top:1px solid var(--borde);padding-top:1.5rem}.back-top{position:fixed;bottom:max(1.25rem,env(safe-area-inset-bottom));right:max(1.25rem,env(safe-area-inset-right));z-index:80;opacity:0;visibility:hidden;transform:translateY(15px)}.back-top.visible{opacity:1;visibility:visible;transform:none}.toast{position:fixed;bottom:max(1.5rem,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,2rem);width:max-content;max-width:calc(100% - 2rem);padding:1rem 1.5rem;background:var(--superficie);border:1px solid var(--cian);border-radius:1rem;box-shadow:0 10px 35px #0004;z-index:220;opacity:0;visibility:hidden;font-size:.85rem}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0);transition:transform .3s,opacity .3s}.loader{position:fixed;inset:0;z-index:300;background:var(--bg-principal);display:grid;place-items:center;transition:opacity .35s}.loader.hide{opacity:0;pointer-events:none}.loader-ring{width:3rem;height:3rem;border:2px solid var(--borde);border-top-color:var(--cian);border-right-color:var(--morado);border-radius:50%;animation:spin 1s linear infinite}
/* 07. Modal accesible */
.modal{position:fixed;inset:0;z-index:180;display:flex;align-items:stretch;justify-content:center;background:#020617b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-panel{position:relative;background:var(--bg-principal);width:100%;max-height:100vh;max-height:100dvh;overflow-y:auto;padding:4.7rem 1.2rem 2rem;animation:reveal .3s both;overscroll-behavior:contain}.modal-close{position:absolute;right:max(1rem,env(safe-area-inset-right));top:max(1rem,env(safe-area-inset-top));z-index:1}.modal-content{display:grid;gap:2rem}.modal-content>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:1.2rem}.modal-copy{display:flex;flex-direction:column;align-items:start;gap:1rem}.modal-copy h2{font-size:clamp(1.8rem,3vw,2.7rem)}.modal-copy .muted{white-space:pre-line}.cursor-glow{position:fixed;width:1rem;height:1rem;border:1px solid var(--cian);border-radius:50%;pointer-events:none;z-index:400;opacity:.4;top:0;left:0;display:none}
/* 08. Animaciones progresivas: contenido visible si JavaScript no funciona */
.reveal-ready .reveal{opacity:0;transform:translateY(1.5rem) scale(.985);transition:transform .7s ease,opacity .7s ease}.reveal-ready .reveal.is-visible{opacity:1;transform:none}.intro{animation:reveal .9s both}.intro.delay{animation-delay:.12s}.particle{position:absolute;width:.3rem;height:.3rem;border-radius:50%;background:var(--celeste);opacity:.4;animation:float 8s ease-in-out infinite;pointer-events:none}.particle:nth-child(2n){animation-delay:-4s}.hero-art .particle:nth-of-type(1){top:20%;left:20%}.hero-art .particle:nth-of-type(2){top:70%;right:12%}.hero-art .particle:nth-of-type(3){top:11%;right:30%}@keyframes reveal{from{opacity:0;transform:translateY(1rem) scale(.98)}to{opacity:1;transform:none}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-.9rem)}}@keyframes drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-3rem,2rem,0) scale(1.15)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ripple{to{transform:scale(35);opacity:0}}@keyframes shine{to{transform:translateX(75%)}}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}

/* 09. Puntos de quiebre, orientación y preferencias */
@media(min-width:480px){.wrap{width:min(calc(100% - 3rem),var(--ancho))}.hero-actions{flex-direction:row}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:1.2rem}.stat small{font-size:.75rem}.hero-art{max-width:29rem}}
@media(min-width:768px){.hero-layout{grid-template-columns:1.1fr .9fr;gap:1.5rem}.hero-art{max-width:none}.hero{padding-top:9rem}.about-layout,.contact-layout{grid-template-columns:1fr 1fr}.stats{gap:1.25rem}.hero-note{font-size:.8rem}.timeline{border-left:0;padding:0;grid-template-columns:1fr 1fr;gap:2rem}.milestone:nth-child(even){margin-top:2rem}.milestone:after{left:-.35rem}.modal{align-items:center;padding:2rem}.modal-panel{border:1px solid var(--borde);border-radius:2rem;max-width:64rem;max-height:90vh;max-height:90dvh;padding:4rem 2rem 2rem}.modal-content{grid-template-columns:1fr 1fr;align-items:center}.slide{aspect-ratio:16/8}}
@media(min-width:1024px){.nav{display:flex;gap:.6rem}.hamburger,.mobile-nav{display:none!important}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar{padding:.8rem 1.2rem}.hero-layout{gap:3rem}.hero-art{min-height:29rem}.art-label{left:0}.hero-copy h1{max-width:45rem}.hero{padding-bottom:3rem}.stats{max-width:46rem}.footer-top{flex-wrap:nowrap}.contact-layout{gap:4rem}}
@media(min-width:1440px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wrap{width:min(calc(100% - 6rem),var(--ancho))}.hero-art{min-height:35rem}}
@media(min-width:1920px){html{font-size:18px}.hero{max-height:80rem}.topbar{top:max(1.5rem,env(safe-area-inset-top))}}
@media(orientation:landscape) and (max-height:500px){.hero{min-height:auto;padding-top:7rem}.hero-art{max-height:20rem}.topbar{top:.5rem;padding-block:.35rem}.hero-layout{grid-template-columns:1.2fr .8fr}.hero-actions{flex-wrap:wrap}.hero-actions .btn-3d{padding:.65rem 1rem}}
@media(hover:hover) and (pointer:fine){.btn-3d:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #ffffff25,0 9px 0 var(--profundidad),0 20px 35px #3b6cff25}.btn-3d:hover:after{animation:shine .7s ease}.card-3d[data-tilt]:hover{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-4px)}.product:hover img{transform:scale(1.04)}.cursor-glow.enabled{display:block}}
@media(hover:none) and (pointer:coarse){.btn-3d,.faq-question,.dot{min-height:3rem}.card-3d[data-tilt]{animation:float 12s ease-in-out infinite}.hero:before,.hero:after{filter:blur(45px);opacity:.12}.particle{display:none}}
@media(prefers-reduced-data:reduce),(max-width:479px){.particle{display:none}.hero:after{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready .reveal{opacity:1;transform:none}.cursor-glow{display:none!important}.hero:before,.hero:after{filter:none;opacity:.05}}

/* Essence Flow: ajustes de identidad, bienvenida y tarjetas flotantes. */
.hero-copy .welcome{font-size:1rem;margin-top:1rem;max-width:34rem}.hero-copy #slogan{color:var(--celeste);font-weight:600}.benefit{display:grid;gap:.3rem;padding:1.2rem;align-content:start}.benefit-icon{color:var(--celeste);font-size:1.35rem}.benefit strong{font-size:.95rem;line-height:1.4}.benefit small{color:var(--texto-suave);font-size:.75rem;line-height:1.6}.values{align-items:start}.floating-value{animation:float 10s ease-in-out infinite}.floating-value:nth-child(2){animation-delay:-3s}.floating-value:nth-child(3){animation-delay:-6s}.values-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.6rem;font-size:.8rem;color:var(--texto-suave)}.values-list strong{color:var(--texto)}.about-brand-image{width:min(75%,22rem);height:auto;position:relative;object-fit:contain;border-radius:1.5rem}.about-visual:has(.about-brand-image:not([hidden])) .monogram{display:none}.brand-label{max-width:none}.logo{background:var(--bg-principal)}.logo img{object-fit:contain;padding:.15rem;background:#0a0e27}.brand .logo{width:3rem;height:3rem}.form-note{overflow-wrap:anywhere}.product-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:479px){.stats{grid-template-columns:minmax(0,1fr)}.benefit{grid-template-columns:2rem 1fr;align-items:center;gap:.15rem .6rem}.benefit-icon{grid-row:1/3}.benefit small{grid-column:2}.hero-art{max-width:23rem}.brand-label{font-size:.82rem}}@media(prefers-reduced-motion:reduce){.floating-value{animation:none!important}}

/* Reloj decorativo vectorial: sin librerías ni imágenes externas. */
.watch-scene{position:absolute;inset:-4% -3%;display:grid;place-items:center;transform:translate3d(var(--px,0px),var(--py,0px),0);pointer-events:none}
.watch-float{position:relative;width:90%;height:100%;display:grid;place-items:center;animation:watchFloat 8s ease-in-out infinite;transform-origin:center;z-index:1}
.luxury-watch{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(10px 24px 18px rgba(0,7,22,.35))}
.watch-halo{position:absolute;width:82%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,rgba(38,125,200,.24),rgba(81,61,175,.08) 48%,transparent 72%);transform:scale(1.15);animation:watchHalo 12s ease-in-out infinite}
.watch-floor{position:absolute;bottom:2%;left:25%;width:50%;height:4%;border-radius:50%;background:radial-gradient(ellipse,rgba(1,10,27,.4),transparent 70%);animation:watchShadow 8s ease-in-out infinite}
.watch-second{transform-origin:250px 320px;animation:watchSeconds 60s linear infinite}
.watch-caption{position:absolute;right:0;bottom:9%;font-size:.55rem;color:var(--texto-suave);letter-spacing:.2em;writing-mode:vertical-rl}
.hero-art .art-code{top:2%;left:2%;font-size:.57rem;letter-spacing:.12em}.hero-art .art-label{bottom:1%;left:0;z-index:3}.hero-art{margin-block:1.5rem}
@keyframes watchFloat{0%,100%{transform:translateY(0) rotate(-19deg)}50%{transform:translateY(-16px) rotate(-15deg)}}
@keyframes watchSeconds{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes watchHalo{0%,100%{opacity:.7;transform:scale(1.1)}50%{opacity:1;transform:scale(1.18)}}
@keyframes watchShadow{0%,100%{opacity:.65;transform:scaleX(1)}50%{opacity:.35;transform:scaleX(.82)}}
@media(min-width:768px){.watch-float{width:105%;height:112%}.watch-scene{inset:-8% 0}.hero-art .art-label{bottom:-3%;left:-1%}.watch-caption{right:-1%;bottom:14%}}
@media(max-width:479px){.watch-float{width:89%}.hero-art .art-label{font-size:.6rem;padding:.65rem .8rem}.hero-art .art-label b{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.watch-float{animation:none!important;transform:rotate(-17deg)}.watch-second,.watch-halo,.watch-floor{animation:none!important}}


/* 11. Escala responsive refinada y composición editorial de Essence Flow. */
:root{--ancho:80rem;--espacio:clamp(3.75rem,6.5vw,6.5rem)}
html{font-size:100%}body{overflow-wrap:break-word}.wrap{width:min(calc(100% - 2rem),var(--ancho))}
h1{font-size:clamp(2.35rem,1.55rem + 3.3vw,4.8rem);line-height:1.12;letter-spacing:-.055em}h2{font-size:clamp(1.85rem,1.2rem + 2.3vw,3.4rem);line-height:1.16}h3{font-size:clamp(1.05rem,1rem + .2vw,1.25rem)}
.topbar{max-width:80rem;gap:.5rem;padding:.55rem .65rem;left:max(.75rem,env(safe-area-inset-left));right:max(.75rem,env(safe-area-inset-right))}.brand-label{font-size:clamp(.84rem,.8rem + .3vw,1.12rem)}.brand .logo{width:2.65rem;height:2.65rem}.nav-tools{gap:.5rem}.nav-tools .circle{width:2.8rem;height:2.8rem;min-height:2.8rem}
.hero{min-height:100svh;padding:7.5rem 0 2.5rem}.hero-layout{grid-template-columns:minmax(0,1fr);gap:1.5rem}.hero-copy{max-width:38rem}.hero-copy p{margin-top:1.1rem}.hero-copy #slogan{font-size:clamp(.95rem,.9rem + .35vw,1.15rem)}.hero-copy .welcome{font-size:clamp(.9rem,.85rem + .3vw,1.05rem);line-height:1.8;margin-top:.85rem}.hero-actions{margin-top:1.6rem;gap:.85rem}.hero-actions .btn-3d{padding:.85rem 1.2rem}.hero-note{margin-top:1.4rem}.eyebrow{font-size:.65rem;letter-spacing:.13em;line-height:1.7;margin-bottom:1rem}
.hero-art{min-height:0;aspect-ratio:1;max-width:27rem;width:100%;margin:1.5rem auto .75rem}.watch-scene{inset:0}.watch-float{width:78%;height:78%}.watch-floor{bottom:9%;left:23%;width:54%}.watch-halo{width:100%}.hero-art .art-code{top:1%;left:0;max-width:80%;font-size:.52rem}.hero-art .art-label{bottom:0;left:0;padding:.7rem .85rem;max-width:85%}.hero-art .art-label b{font-size:.8rem}.watch-caption{right:0;bottom:14%;font-size:.5rem}
.stats{grid-template-columns:minmax(0,1fr);max-width:none;gap:.85rem;padding-top:1.5rem}.benefit{display:grid;grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.15rem .6rem;padding:1rem}.benefit-icon{grid-row:1/3}.benefit small{grid-column:2;font-size:.73rem}.benefit strong{font-size:.9rem}.scroll-hint{margin-top:1.75rem}
.section-head{gap:1.2rem;margin-bottom:1.8rem}.section-head p{font-size:.92rem;line-height:1.8}.section-head br{display:none}.filters{max-width:100%;gap:.7rem;align-items:stretch;padding:.4rem .2rem 1.1rem}.filter-button{min-height:3.1rem;gap:.2rem;padding:.65rem 1rem;font-size:.8rem}.coming-soon{flex-direction:column;background:var(--bg-principal);color:var(--texto-suave);box-shadow:inset 0 1px 0 #ffffff08,0 4px 0 var(--profundidad)}.soon-label{font-size:.55rem;line-height:1.3;text-transform:uppercase;letter-spacing:.08em;color:var(--celeste)}.coming-soon:active{transform:none!important}.coming-soon:after{display:none}
.product-grid{grid-template-columns:minmax(0,1fr);gap:1.35rem}.product-media{aspect-ratio:1}.product-media img{object-fit:cover}.product-body{gap:.65rem;padding:.9rem .35rem .5rem}.product-body h3{font-size:1.06rem;line-height:1.45}.product-body p{font-size:.82rem;line-height:1.7}.product-actions{gap:.65rem}.product-actions .btn-3d{min-height:2.85rem;font-size:.73rem}.price{font-size:1.1rem}
.about-layout{grid-template-columns:minmax(0,1fr);gap:2rem;align-items:center}.about-copy{min-width:0}.about-copy p{font-size:.93rem;line-height:1.9;margin-top:1.2rem}.about-editorial{margin:0;min-width:0;border:1px solid var(--borde);border-radius:1.5rem;background:var(--bg-secundario);padding:.65rem;box-shadow:0 7px 0 var(--profundidad),0 25px 50px #02091b20}.editorial-photo{position:relative;aspect-ratio:1;overflow:hidden;border-radius:1rem;background:linear-gradient(135deg,#122740,#233e5d)}.editorial-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.editorial-label{position:absolute;top:.8rem;left:.8rem;right:.8rem;width:fit-content;max-width:calc(100% - 1.6rem);padding:.4rem .55rem;border:1px solid #ffffff22;border-radius:.45rem;background:#08162cbb;color:#eaf2ff;font-size:clamp(.43rem,.4rem + .1vw,.56rem);letter-spacing:.1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-editorial figcaption{display:flex;align-items:center;gap:.8rem;padding:1.2rem .4rem .65rem}.editorial-number{color:var(--celeste);font-family:Poppins,sans-serif;font-size:.8rem;align-self:start;padding-top:.12rem}.about-editorial figcaption div{flex:1;min-width:0}.about-editorial figcaption strong{display:block;font-size:clamp(.85rem,.8rem + .2vw,1rem);line-height:1.5}.about-editorial figcaption div>span{display:block;margin-top:.25rem;color:var(--texto-suave);font-size:.72rem;line-height:1.6}.editorial-arrow{font-size:1.3rem;color:var(--celeste);padding-right:.3rem}
.values{grid-template-columns:minmax(0,1fr);gap:1.35rem;margin-top:2.5rem;align-items:stretch}.floating-value{padding:1.45rem;animation-duration:12s}.values p{font-size:.9rem;line-height:1.85}.values-list{font-size:.8rem;gap:.7rem;line-height:1.75}.values .icon{width:2.7rem;height:2.7rem;margin-bottom:1.1rem}.subsection{margin-top:3rem}.faq-question{font-size:.9rem;padding:1.1rem;line-height:1.6}.faq-answer{font-size:.88rem}
.contact-layout{grid-template-columns:minmax(0,1fr);gap:2rem}.contact-card{padding:1rem;gap:.8rem}.contact-card>div:last-child{min-width:0}.contact-card p,.contact-card a{font-size:.85rem}.contact-card .icon{width:2.5rem;height:2.5rem}.form{padding:1.3rem}.form h3{line-height:1.5}.field input,.field textarea{font-size:1rem}.footer-top{display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem}.footer-links{gap:.65rem}.footer-links a{padding:.55rem .8rem}.copyright{font-size:.68rem;line-height:1.8}
@media(min-width:480px){.wrap{width:min(calc(100% - 3rem),var(--ancho))}.hero-actions{flex-direction:row;flex-wrap:wrap}.hero-art{max-width:28rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-actions{flex-direction:column}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.benefit{display:flex;flex-direction:column;align-items:start;padding:1.05rem;gap:.4rem}.benefit strong{font-size:.82rem}.benefit small{font-size:.7rem}.hero{padding-top:8rem}}
@media(min-width:768px){.hero-layout{grid-template-columns:1.08fr .92fr;gap:1.8rem}.hero-art{max-width:none;margin-block:0}.watch-float{width:88%;height:88%}.hero-art .art-label{bottom:-2%;left:0}.hero-art .art-code{top:0}.hero{padding-top:8.5rem}.hero-actions .btn-3d{font-size:.8rem;padding:.85rem 1rem}.stats{padding-top:3rem;gap:1.2rem}.benefit{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.2rem .6rem;padding:1.15rem}.benefit strong{font-size:.9rem}.benefit small{font-size:.72rem}.about-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:2.2rem}.values{grid-template-columns:repeat(2,minmax(0,1fr))}.values .floating-value:last-child{grid-column:1/-1}.values-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1.2rem}.contact-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2rem}.form{padding:1.6rem}.footer-top{grid-template-columns:1fr 1fr}.footer-top .socials{grid-column:1/-1}.product-actions{flex-direction:row}.section-head br{display:initial}}
@media(min-width:1024px){.hero-layout{gap:3rem}.hero{min-height:min(58rem,100svh);padding-top:9rem}.hero-art{max-width:32rem}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar{padding:.65rem 1rem}.nav a{font-size:.77rem}.about-layout{gap:3.5rem}.values{grid-template-columns:repeat(3,minmax(0,1fr))}.values .floating-value:last-child{grid-column:auto}.values-list{grid-template-columns:minmax(0,1fr)}.floating-value{padding:1.7rem}.contact-layout{gap:3.5rem}.footer-top{grid-template-columns:1.1fr 1.3fr .8fr;align-items:start}.footer-top .socials{grid-column:auto}.footer-links{justify-content:center}.footer-top .socials{justify-content:end}}
@media(min-width:1440px){.wrap{width:min(calc(100% - 5rem),var(--ancho))}.hero-layout{gap:4rem}.hero-art{min-height:0;max-width:34rem}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem}.section-head p{font-size:1rem}.about-copy p{font-size:1rem}.form{padding:2rem}}
@media(min-width:1920px){html{font-size:100%}.hero{min-height:min(60rem,92svh);max-height:none}.topbar{max-width:80rem}}
@media(max-width:359px){h1{font-size:2.2rem}.wrap{width:calc(100% - 1.5rem)}.brand .logo{width:2.4rem;height:2.4rem}.brand-label{font-size:.8rem}.topbar{gap:.3rem;padding:.5rem}.nav-tools{gap:.4rem}.hero-art .art-label{max-width:88%}.product-actions{flex-direction:column}.floating-value{padding:1.2rem}.hero-actions .btn-3d{width:100%}}
@media(orientation:landscape) and (max-height:540px){.hero{min-height:auto;padding-top:7rem}.hero-layout{grid-template-columns:minmax(0,1fr);gap:2rem}.hero-art{width:min(65%,22rem);max-height:none}.stats{padding-top:2rem}.topbar{top:max(.5rem,env(safe-area-inset-top))}}
@media(hover:hover){.coming-soon:hover{transform:none;box-shadow:inset 0 1px 0 #ffffff08,0 4px 0 var(--profundidad)}}
@media(prefers-reduced-motion:reduce){.floating-value{animation:none!important}}


/* 12. Escultura de accesorios y tarjetas sociales animadas. */
.jewelry-stage{position:relative;aspect-ratio:1;overflow:hidden;border-radius:1rem;background:radial-gradient(ellipse at 30% 18%,#163b62 0%,#0c1b35 45%,#080f25 85%);isolation:isolate}.jewelry-stage .editorial-label{z-index:3}.jewelry-art{position:relative;z-index:1;display:block;width:100%;height:100%}.jewelry-aura{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(ellipse,#207fbd33,transparent 70%);animation:jewelAura 12s ease-in-out infinite}.jewelry-ring-main{animation:jewelMain 10s ease-in-out infinite;transform-origin:280px 282px}.jewelry-ring-small{animation:jewelSmall 9s ease-in-out infinite;transform-origin:177px 401px}.jewelry-chain{animation:jewelChain 11s ease-in-out infinite;transform-origin:410px 50px}.jewelry-index{position:absolute;bottom:4%;left:6%;z-index:2;color:#88b7d8;font-size:.48rem;letter-spacing:.22em}.jewelry-editorial figcaption div>span{max-width:29rem}.jewelry-editorial{padding:.6rem}
.social-hub{min-width:0}.social-hub-head h3{font-size:clamp(1.4rem,1.1rem + 1vw,2rem);letter-spacing:-.035em;line-height:1.3}.social-hub-head p{margin:1rem 0 1.6rem;font-size:.9rem;line-height:1.85;max-width:35rem}.social-3d-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.7rem}.social-float{min-width:0;animation:socialInstagramFloat 9s ease-in-out infinite}.social-float-tiktok{animation:socialTikTokFloat 11s ease-in-out infinite}.social-card{display:flex;flex-direction:column;height:100%;padding:clamp(1.35rem,2.5vw,1.8rem);overflow:hidden;isolation:isolate;background:linear-gradient(145deg,var(--superficie),var(--bg-principal));border-top-color:#7dd3fc66;box-shadow:inset 0 1px 0 #ffffff12,0 7px 0 var(--profundidad),0 20px 40px #020a2425}.social-card:after{content:"";position:absolute;inset:-50%;z-index:-1;background:linear-gradient(115deg,transparent 42%,#7dd3fc0e 49%,#7dd3fc18 50%,transparent 57%);transform:translateX(-50%);pointer-events:none;animation:socialSweep 9s ease-in-out infinite}.social-card.tiktok:after{animation-delay:-4s;background:radial-gradient(ellipse,#3b6cff18,transparent 60%)}.social-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.6rem}.social-symbol{width:3.3rem;height:3.3rem;padding:.75rem;border:1px solid #7dd3fc55;border-radius:1rem;color:var(--celeste);background:linear-gradient(145deg,#3b6cff33,#00e5ff15);box-shadow:inset 0 1px 0 #ffffff25,0 5px 0 var(--profundidad)}.social-symbol svg{display:block;width:100%;height:100%}.social-kicker{font-size:.56rem;letter-spacing:.17em;color:var(--celeste);font-weight:700}.social-card h4{font-family:Poppins,system-ui,sans-serif;font-size:clamp(1.45rem,1.2rem + .7vw,1.9rem);line-height:1.3;letter-spacing:-.03em;margin:.65rem 0 .25rem}.social-handle{font-size:.8rem;color:var(--texto-suave)}.social-card>p{font-size:.85rem;color:var(--texto-suave);line-height:1.85;margin:1.25rem 0 1.6rem}.social-action{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--borde);color:var(--celeste);font-size:.78rem;font-weight:600}.social-action>span{display:grid;place-items:center;width:2.3rem;height:2.3rem;border:1px solid var(--borde);border-radius:50%;background:var(--bg-secundario);box-shadow:0 3px 0 var(--profundidad);font-size:1.1rem}.social-motion{display:flex;align-items:center;gap:4px;height:1.5rem}.social-motion i{display:block;width:3px;height:1rem;border-radius:3px;background:var(--celeste);opacity:.55;animation:socialBars 1.8s ease-in-out infinite;transform:scaleY(.5)}.social-motion i:nth-child(2){animation-delay:-.4s;height:1.5rem}.social-motion i:nth-child(3){animation-delay:-.8s;height:1.3rem}.social-motion i:nth-child(4){animation-delay:-1.2s;height:.85rem}.instagram .social-motion{border:1px solid var(--borde);border-radius:50%;width:1.3rem;height:1.3rem;justify-content:center;animation:socialLens 5s ease-in-out infinite}.instagram .social-motion i{display:none}.instagram .social-motion:after{content:"";width:.4rem;height:.4rem;border-radius:50%;background:var(--cian);box-shadow:0 0 12px #00e5ff66}.social-hub-note{margin-top:1.5rem;color:var(--texto-suave);font-size:.72rem;line-height:1.8}#contacto #socials{display:none}.contact-layout{gap:2.5rem}.contact-cards{gap:1.1rem}
@keyframes jewelMain{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}@keyframes jewelSmall{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes jewelChain{0%,100%{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@keyframes jewelAura{0%,100%{transform:scale(.9);opacity:.6}50%{transform:scale(1.1);opacity:1}}@keyframes socialInstagramFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes socialTikTokFloat{0%,100%{transform:translateY(-3px)}50%{transform:translateY(5px)}}@keyframes socialSweep{0%,30%{transform:translateX(-50%);opacity:0}55%{opacity:1}80%,100%{transform:translateX(50%);opacity:0}}@keyframes socialBars{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes socialLens{0%,100%{transform:scale(.85);opacity:.5}50%{transform:scale(1.05);opacity:1}}
@media(min-width:480px){.social-3d-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.social-card{padding:1.2rem}.social-card>p{font-size:.8rem}.social-action{font-size:.7rem}}
@media(min-width:768px){.contact-layout{grid-template-columns:minmax(0,1fr)}.contact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.social-card{padding:1.7rem}.social-action{font-size:.8rem}}
@media(min-width:1024px){.contact-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:3rem}.contact-cards{grid-template-columns:minmax(0,1fr)}.social-card{padding:1.35rem}.social-hub-head p{margin-bottom:2rem}}
@media(min-width:1440px){.contact-layout{gap:4rem}.social-card{padding:1.7rem}}
@media(hover:hover) and (pointer:fine){.social-card:hover .social-action>span{transform:translate(2px,-2px)}.social-card .social-action>span{transition:transform .3s}}
@media(prefers-reduced-motion:reduce){.social-float,.social-card:after,.social-motion,.social-motion i,.jewelry-ring-main,.jewelry-ring-small,.jewelry-chain,.jewelry-aura{animation:none!important}}


/* 13. Contacto asimétrico: módulos alineados, ritmo constante y orden móvil natural. */
#informacion .about-layout{display:block;max-width:none}#informacion .about-copy{max-width:52rem}#informacion .about-copy>p{max-width:48rem}#informacion .values{margin-top:clamp(2rem,4vw,3.5rem)}
#contacto .section-head{margin-bottom:clamp(2rem,4vw,3rem)}.contact-composition{--contact-gap:1.5rem;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--contact-gap);align-items:stretch}.contact-composition>*{min-width:0}.contact-composition .social-3d-grid{display:contents}.contact-composition .contact-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--contact-gap);align-content:stretch}.contact-composition .social-float{height:100%;min-width:0;animation:contactFloat 12s ease-in-out infinite}.contact-composition .social-float-tiktok{animation-delay:-4s}.contact-composition .social-card{height:100%;padding:clamp(1.35rem,2.5vw,2rem);min-width:0;box-shadow:inset 0 1px 0 #ffffff15,0 6px 0 var(--profundidad),0 18px 36px #020a241c}.contact-composition .social-card>p{max-width:34rem;margin:1.1rem 0 1.65rem;font-size:.9rem}.contact-composition .social-card-top{margin-bottom:1.4rem}.contact-composition .social-card h4{font-size:clamp(1.6rem,1.2rem + 1.2vw,2.3rem)}.contact-composition .social-action{min-height:3.5rem;font-size:.82rem}.contact-composition .social-symbol{width:3.4rem;height:3.4rem}.contact-composition .social-kicker{font-size:.6rem;line-height:1.7}.contact-composition .contact-meta{padding:clamp(1.3rem,2vw,1.7rem);align-items:center;gap:1.15rem;animation:contactFloat 14s ease-in-out infinite}.contact-composition .contact-meta:nth-child(2){animation-delay:-5s}.contact-composition .contact-meta small{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.6rem}.contact-composition .contact-meta p,.contact-composition .contact-meta a{font-size:.92rem;line-height:1.85}.contact-composition .contact-meta .icon{width:3rem;height:3rem;min-width:3rem}.contact-welcome{display:flex;flex-direction:column;justify-content:space-between;gap:2.2rem;padding:clamp(1.35rem,2.5vw,2rem);background:radial-gradient(ellipse at 95% 0%,#3b6cff15,transparent 65%),linear-gradient(145deg,var(--superficie),var(--bg-principal));animation:contactFloat 13s ease-in-out infinite;animation-delay:-2s}.contact-welcome-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.contact-welcome-top .tag{font-size:.52rem;letter-spacing:.1em;padding:.4rem .6rem}.contact-orbit{font-size:1.4rem;color:var(--celeste);line-height:1}.contact-welcome .eyebrow{font-size:.58rem;margin-bottom:.8rem;letter-spacing:.1em}.contact-welcome h3{font-size:clamp(1.6rem,1.2rem + 1.1vw,2.25rem);letter-spacing:-.04em;line-height:1.3}.contact-welcome p{font-size:.9rem;line-height:1.85;color:var(--texto-suave);margin-top:1rem;max-width:30rem}.contact-welcome-bottom{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;border-top:1px solid var(--borde);padding-top:1.15rem;font-size:.72rem}.contact-welcome-bottom>.muted{flex-basis:100%;font-size:.65rem;margin-left:1.05rem}.contact-composition .map{grid-column:1/-1}.contact-composition .contact-meta,.contact-composition .contact-welcome{border-radius:var(--radio)}
@keyframes contactFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(min-width:600px){.contact-composition{--contact-gap:1.65rem;grid-template-columns:repeat(2,minmax(0,1fr))}.contact-welcome{grid-column:1/-1}.contact-composition .contact-cards{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.contact-welcome h3 br{display:none}.contact-welcome-bottom>.muted{flex-basis:auto;margin-left:auto}.contact-composition .social-card>p{font-size:.85rem}.contact-composition .contact-meta{align-items:start;flex-direction:column}.contact-composition .contact-meta .icon{margin-bottom:.3rem}}
@media(min-width:1024px){.contact-composition{--contact-gap:2rem;grid-template-columns:repeat(12,minmax(0,1fr))}.contact-welcome{grid-column:1/6;grid-row:1;min-height:25rem}.contact-welcome h3 br{display:initial}.contact-composition .social-float-instagram{grid-column:6/-1;grid-row:1}.contact-composition .social-float-tiktok{grid-column:1/8;grid-row:2}.contact-composition .contact-cards{grid-column:8/-1;grid-row:2;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr}.contact-composition .social-card{padding:2rem}.contact-composition .social-card>p{font-size:.92rem}.contact-composition .contact-meta{flex-direction:row;align-items:center;padding:1.6rem}.contact-composition .contact-meta .icon{margin-bottom:0}.contact-composition .social-card-top{margin-bottom:1.7rem}.contact-composition .social-card h4{font-size:2.2rem}.contact-welcome-bottom>.muted{flex-basis:100%;margin-left:1.05rem}}
@media(min-width:1440px){.contact-composition{--contact-gap:2.25rem}.contact-welcome,.contact-composition .social-card{padding:2.2rem}.contact-welcome-bottom>.muted{flex-basis:auto;margin-left:auto}}
@media(max-width:359px){.contact-composition{--contact-gap:1.35rem}.contact-welcome,.contact-composition .social-card,.contact-composition .contact-meta{padding:1.15rem}.contact-composition .contact-meta{align-items:start}.contact-welcome-top .tag{font-size:.47rem}.contact-composition .social-action{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){.contact-composition .social-float,.contact-composition .contact-meta,.contact-welcome{animation:none!important}}


/* 14. Información con accesorios flotantes y Contacto renovado. */
#informacion .about-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem;align-items:center}#informacion .about-copy{max-width:42rem}#informacion .about-copy>p{max-width:none}.accessory-cloud{position:relative;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:.5rem .2rem 2.7rem;max-width:29rem;width:100%;margin:0 auto;isolation:isolate}.accessory-cloud-glow{position:absolute;inset:8%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#3b6cff19,transparent 70%)}.mini-accessory{position:relative;min-width:0;margin:0;border-radius:1.1rem;padding:.45rem;background:linear-gradient(150deg,var(--superficie),var(--bg-secundario));border:1px solid var(--borde);border-top-color:#9bdcff55;box-shadow:inset 0 1px 0 #ffffff12,0 5px 0 var(--profundidad),0 18px 32px #02091b22;animation:miniAccessoryFloat 10s ease-in-out infinite}.mini-accessory:nth-of-type(even){top:1rem;animation-delay:-4s}.mini-accessory:nth-of-type(3){animation-delay:-2s}.mini-accessory:nth-of-type(4){animation-delay:-6s}.mini-accessory-media{aspect-ratio:1.24;overflow:hidden;border-radius:.75rem;background:#0c1a31}.mini-accessory-media img{width:100%;height:100%;object-fit:cover;object-position:center}.mini-vector{background:radial-gradient(ellipse at 35% 20%,#184268,#0b162e 75%);display:grid;place-items:center}.mini-vector svg{display:block;width:100%;height:100%;max-height:10rem}.mini-accessory figcaption{padding:.7rem .3rem .35rem;display:grid;gap:.2rem}.mini-accessory figcaption strong{font-size:clamp(.7rem,.6rem + .3vw,.86rem);line-height:1.45}.mini-accessory figcaption>span{font-size:.62rem;color:var(--texto-suave);line-height:1.5}.mini-index{position:absolute;top:.9rem;left:.9rem;font-size:.48rem;color:#d0edff;letter-spacing:.1em;background:#071426b8;border:1px solid #7dd3fc33;border-radius:.35rem;padding:.2rem .35rem}.cloud-note{position:absolute;bottom:-.25rem;left:0;right:0;text-align:center;font-size:.46rem;letter-spacing:.12em;line-height:1.7;color:var(--texto-suave)}
.contact-renewed{position:relative;background:var(--bg-principal);padding-block:clamp(3.5rem,6vw,6rem);border-top:1px solid var(--borde)}.contact-shell{position:relative;isolation:isolate;border:1px solid var(--borde);border-top-color:#7dd3fc44;border-radius:clamp(1.5rem,3vw,2.5rem);padding:clamp(1.25rem,4vw,4rem);background:radial-gradient(ellipse at 50% 0%,#3b6cff13,transparent 58%),var(--bg-secundario);box-shadow:0 7px 0 var(--profundidad),0 24px 60px #02081918}.contact-heading{text-align:center;max-width:42rem;margin:0 auto 2rem}.contact-overline{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;color:var(--celeste);font-size:.55rem;letter-spacing:.15em;font-weight:600;line-height:1.8}.contact-heading :is(h1,h2){font-size:clamp(2rem,1.25rem + 2.8vw,3.7rem);line-height:1.15;letter-spacing:-.055em;margin:1.3rem 0 1.2rem}.contact-heading>p{font-size:clamp(.88rem,.82rem + .2vw,1rem);line-height:1.85;color:var(--texto-suave);max-width:34rem;margin:0 auto}.contact-social-selection{max-width:58rem;margin:0 auto}.contact-renewed .social-3d-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem}.contact-renewed .social-float{height:100%;animation:contactFloat 12s ease-in-out infinite}.contact-renewed .social-float-tiktok{animation-delay:-6s}.contact-renewed .social-card{height:100%;padding:clamp(1.35rem,2.5vw,2.2rem);border-radius:1.35rem;background:linear-gradient(150deg,var(--superficie),var(--bg-principal));box-shadow:inset 0 1px 0 #ffffff18,0 6px 0 var(--profundidad),0 20px 40px #02081920}.contact-renewed .social-card-top{margin-bottom:1.8rem}.contact-renewed .social-symbol{width:3.6rem;height:3.6rem;padding:.85rem;border-radius:1.1rem}.contact-renewed .social-card h4{font-size:clamp(1.6rem,1.2rem + 1vw,2rem);margin:.7rem 0 .35rem}.contact-renewed .social-card>p{font-size:.88rem;line-height:1.9;margin:1.1rem 0 1.5rem;max-width:29rem}.contact-renewed .social-kicker{font-size:.54rem;letter-spacing:.13em}.contact-renewed .social-action{font-size:.8rem;padding-top:1.2rem;min-height:3.5rem}.contact-renewed .social-motion{opacity:.75}.contact-lower{max-width:58rem;margin:2rem auto 0}.contact-renewed .contact-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.contact-renewed .contact-meta{animation:none;padding:1rem 1.1rem;align-items:center;gap:.85rem;background:var(--bg-principal);border-radius:1rem;box-shadow:inset 0 1px 0 #ffffff08,0 4px 0 var(--profundidad)}.contact-renewed .contact-meta .icon{width:2.3rem;height:2.3rem;min-width:2.3rem;font-size:1rem;margin:0;border-radius:.7rem}.contact-renewed .contact-meta small{font-size:.57rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.contact-renewed .contact-meta p,.contact-renewed .contact-meta a{font-size:.75rem;line-height:1.75}.contact-signature{font-size:.67rem;color:var(--texto-suave);text-align:center;margin-top:1.8rem;line-height:1.8}.contact-signature strong{font-weight:500;color:var(--celeste)}
@keyframes miniAccessoryFloat{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-6px) rotate(.6deg)}}
@media(min-width:600px){.contact-renewed .social-3d-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.contact-renewed .contact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-renewed .contact-meta{flex-direction:row;align-items:center}.contact-heading{margin-bottom:2.6rem}.accessory-cloud{gap:1.3rem;padding-inline:.5rem}.mini-accessory:nth-of-type(even){top:1.5rem}.mini-accessory-media{aspect-ratio:1.25}}
@media(min-width:900px){#informacion .about-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2.5rem,5vw,5rem)}.accessory-cloud{max-width:28rem;padding-bottom:3rem}.mini-accessory:nth-of-type(even){top:1.8rem}.mini-accessory figcaption{padding:.8rem .4rem .45rem}.mini-accessory figcaption>span{font-size:.67rem}.contact-renewed .social-3d-grid{gap:2rem}.contact-lower{margin-top:2.2rem}.contact-renewed .contact-meta{padding:1.15rem 1.3rem}}
@media(max-width:359px){.contact-shell{padding:1rem}.contact-renewed .social-card{padding:1.15rem}.contact-overline{font-size:.48rem;letter-spacing:.1em}.contact-heading :is(h1,h2){font-size:1.85rem}.contact-renewed .contact-meta{padding:.9rem}.mini-accessory{padding:.35rem}.mini-accessory figcaption strong{font-size:.67rem}.mini-accessory figcaption>span{font-size:.57rem}.accessory-cloud{gap:.8rem}.cloud-note{font-size:.42rem}}
@media(prefers-reduced-motion:reduce){.mini-accessory,.contact-renewed .social-float{animation:none!important}}


/* 15. Tarjetas de accesorios consistentes en PC/móvil y botones 3D de esquina suave. */
:root{--button-radius:.8rem;--button-ease:cubic-bezier(.22,.75,.2,1);--button-speed:280ms}
.btn-3d,.btn-3d.circle,.nav a,.footer-links a{border-radius:var(--button-radius)}.btn-3d{transition:transform var(--button-speed) var(--button-ease),box-shadow var(--button-speed) var(--button-ease),background .45s,border-color .3s;box-shadow:inset 0 1px 0 #ffffff20,0 5px 0 var(--profundidad),0 12px 20px #02091b22;transform:translateY(0);backface-visibility:hidden;isolation:isolate}.btn-3d:after{inset:-80%;background:linear-gradient(115deg,transparent 40%,#ffffff16 48%,#ffffff33 50%,transparent 58%);transform:translateX(-65%);z-index:0}.btn-3d>*:not(.ripple){position:relative;z-index:1}.btn-3d.primary{background:linear-gradient(135deg,#3865f7,#247dbc);box-shadow:inset 0 1px 0 #c5f5ff55,0 5px 0 #173f88,0 12px 22px #246af02b}.btn-3d.secondary{box-shadow:inset 0 1px 0 #e8d5ff44,0 5px 0 #3c217d,0 12px 22px #4931c42b}.btn-3d.outline{border-top-color:#9ec9f255}.btn-3d:active{transform:translateY(4px)!important;box-shadow:inset 0 1px 0 #ffffff16,0 1px 0 var(--profundidad),0 3px 7px #02091b20!important;transition-duration:95ms}.btn-3d.primary:active{box-shadow:inset 0 1px 0 #ffffff20,0 1px 0 #173f88,0 3px 8px #246af018!important}.nav a.active{border-radius:var(--button-radius);transform:translateY(2px);box-shadow:inset 0 2px 6px #02091b33,0 1px 0 var(--borde)}.nav-tools .circle,.gallery-controls .circle,.back-top,.modal-close{border-radius:.85rem}.mobile-nav{border-radius:1.3rem}.mobile-nav a{border-radius:.8rem}.social-action>span{border-radius:.65rem}.faq-item{border-radius:1rem}.faq-question{border-radius:1rem;transition:transform .25s var(--button-ease),background .3s;box-shadow:inset 0 1px 0 #ffffff12}.faq-question:active{transform:translateY(2px)}.dot{border-radius:.65rem}.dot:after{border-radius:.2rem}.ripple{background:#c9f4ff55}.coming-soon:active{transform:translateY(1px)!important}
#informacion .accessory-cloud{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.85rem,2vw,1.2rem);width:100%;max-width:28rem;padding:.5rem 0 2.75rem;margin-inline:auto;align-items:stretch}#informacion .mini-accessory{display:flex;flex-direction:column;gap:0;min-width:0;width:100%;margin:0;padding:.45rem;top:0!important;text-align:left;border-radius:1rem;line-height:1.5;color:var(--texto);background:linear-gradient(150deg,var(--superficie),var(--bg-secundario));border:1px solid var(--borde);border-top-color:#a2d7f755;box-shadow:inset 0 1px 0 #ffffff14,0 5px 0 var(--profundidad),0 15px 25px #02091b20;animation:accessoryCardFloat 9s ease-in-out infinite;transition:box-shadow .3s,border-color .3s,transform .28s var(--button-ease);touch-action:manipulation}#informacion .mini-accessory:nth-of-type(2){animation-delay:-4s}#informacion .mini-accessory:nth-of-type(3){animation-delay:-2s}#informacion .mini-accessory:nth-of-type(4){animation-delay:-6s}#informacion .mini-accessory-media{display:block;position:relative;width:100%;aspect-ratio:220/180;border-radius:.7rem;overflow:hidden;background:radial-gradient(ellipse at 40% 20%,#16395e,#0b182e 70%);perspective:600px}#informacion .accessory-illustration{display:block;width:100%;height:100%;max-height:none;transform:rotateX(var(--art-y,0deg)) rotateY(var(--art-x,0deg));transition:transform .6s var(--button-ease);transform-origin:50% 50%;filter:drop-shadow(0 8px 5px #02081933)}#informacion .inspected .accessory-illustration{transform:translateY(-3px) rotateX(-8deg) rotateY(23deg) rotate(-8deg) scale(1.06)}.mini-accessory-caption{position:relative;display:flex;flex-direction:column;gap:.2rem;padding:clamp(.6rem,1vw,.8rem) .3rem .35rem;min-height:3.65rem}.mini-accessory-caption>strong{font-size:clamp(.76rem,.65rem + .28vw,.94rem);font-weight:600;line-height:1.5;padding-right:1.2rem}.mini-accessory-caption>span:not(.mini-interact){font-size:clamp(.6rem,.54rem + .16vw,.72rem);color:var(--texto-suave);line-height:1.6}.mini-interact{position:absolute;right:.3rem;top:.65rem;color:var(--celeste);font-size:.85rem;transition:transform .45s var(--button-ease)}.inspected .mini-interact{transform:rotate(90deg)}#informacion .mini-accessory.inspected{border-color:#7dd3fc88;box-shadow:inset 0 1px 0 #b3eaff44,0 5px 0 var(--profundidad),0 15px 26px #3b6cff22}.mini-glint{position:absolute;inset:-80%;background:linear-gradient(115deg,transparent 44%,#b4edff12 48%,#b4edff24 50%,transparent 55%);pointer-events:none;animation:accessoryGlint 10s ease-in-out infinite}.mini-ring .mini-glint{animation-delay:-3s}.mini-cross .mini-glint{animation-delay:-6s}.mini-watch .mini-glint{animation-delay:-8s}.mini-seconds{transform-origin:110px 90px;animation:watchSeconds 60s linear infinite}.cloud-note{bottom:0;font-size:clamp(.42rem,.38rem + .1vw,.52rem);letter-spacing:.1em;line-height:1.8;text-align:center;padding-inline:.25rem}.mini-index{display:none!important}
@keyframes accessoryCardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes accessoryGlint{0%,35%{transform:translateX(-55%);opacity:0}50%{opacity:1}70%,100%{transform:translateX(55%);opacity:0}}@keyframes buttonSheen{from{transform:translateX(-65%)}to{transform:translateX(65%)}}
@media(hover:hover) and (pointer:fine){.btn-3d:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff25,0 7px 0 var(--profundidad),0 17px 26px #3b6cff22}.btn-3d.primary:hover{box-shadow:inset 0 1px 0 #c5f5ff66,0 7px 0 #173f88,0 17px 26px #246af030}.btn-3d:hover:after{animation:buttonSheen .8s ease-out both}.coming-soon:hover{transform:none}.nav a.active:hover{transform:translateY(1px)}.mini-accessory:hover .mini-interact{transform:translate(1px,-1px)}.mini-accessory.inspected:hover .mini-interact{transform:rotate(90deg)}.faq-question:hover{background:#3b6cff0c}}
@media(prefers-reduced-motion:reduce){#informacion .mini-accessory,.mini-glint,.mini-seconds{animation:none!important}.btn-3d,.accessory-illustration,.mini-interact{transition:none!important}}


/* 16. Espaciado y transición de las vistas separadas. */
html[data-active-view] main{min-height:75vh;min-height:75svh}
html[data-active-view] main>section[hidden]{display:none!important}
html[data-active-view] main>.section{padding-top:calc(var(--nav-offset) + clamp(1.5rem,3vw,3rem));padding-bottom:clamp(3.5rem,6vw,6rem);border-top:0}
html[data-active-view] main>.hero{min-height:100vh;min-height:100svh}
html[data-active-view] .route-enter{animation:viewArrival .45s cubic-bezier(.22,.75,.2,1) both}
html[data-active-view] h1[tabindex="-1"]:focus,html[data-active-view] h2[tabindex="-1"]:focus{outline:none}
.footer-links a.active{border-color:var(--celeste);color:var(--celeste);background:var(--bg-principal);box-shadow:inset 0 2px 6px #02091b25,0 2px 0 var(--profundidad)}
@keyframes viewArrival{from{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html[data-active-view] .route-enter{animation:none!important}}


/* 17. Ajuste final por dispositivo: reloj contenido, zonas seguras y pie sin navegación repetida. */
html{max-width:100%;scrollbar-gutter:stable}body{min-width:0;width:100%;overflow-x:hidden}main,section,.wrap{min-width:0}.wrap{width:min(calc(100% - 2rem),var(--ancho))}.hero-layout>*{min-width:0}.hero-copy h1{overflow-wrap:normal;word-break:normal}.hero-copy h1 [data-brand]{font-size:clamp(2.15rem,7vw,4.8rem)}
#home.hero{height:auto;max-height:none;min-height:100vh;min-height:100svh;padding-top:calc(var(--nav-offset) + 1.25rem);padding-bottom:2.5rem;overflow:hidden}.hero-layout{grid-template-columns:minmax(0,1fr);gap:1.75rem;align-items:center}.hero-copy{width:100%;max-width:40rem}.hero-actions{flex-wrap:wrap}.hero-actions>*{min-width:0}.hero-art{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;width:min(100%,23rem);max-width:23rem;min-height:0;max-height:none;height:auto;aspect-ratio:auto;margin:0 auto;padding:0;overflow:visible;perspective:none}.watch-scene{position:relative;inset:auto;grid-row:1;display:grid;place-items:center;width:100%;height:auto;aspect-ratio:1;min-height:0;transform:none!important;pointer-events:none}.watch-float{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;transform-origin:50% 50%;animation:containedWatchFloat 9s ease-in-out infinite}.luxury-watch{display:block;width:92%;height:92%;max-width:100%;max-height:100%;overflow:visible;filter:drop-shadow(3px 12px 10px #02081940)}.watch-halo{inset:3%;width:94%;height:94%;aspect-ratio:1;transform:none;animation:watchHalo 12s ease-in-out infinite}.watch-floor{left:22%;bottom:7%;width:56%;height:5%;animation:watchShadow 9s ease-in-out infinite}.hero-art .art-label{position:relative;grid-row:2;inset:auto;left:auto;bottom:auto;max-width:100%;width:fit-content;margin:0 auto;display:flex;gap:.7rem;padding:.65rem .9rem;animation:none;transform:none;font-size:.66rem;line-height:1.6;box-shadow:0 4px 0 var(--profundidad),0 12px 25px #02081918}.hero-art .art-label b{font-size:.82rem}.hero-art .particle{display:none}.hero-photo{inset:0 0 auto;width:100%;height:auto;aspect-ratio:1;max-height:none;border-radius:1.5rem}.stats{margin-top:1rem;padding-top:1rem;max-width:none;gap:1rem}.benefit{min-width:0}.scroll-hint{margin-top:1.6rem}.footer-top{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:1.5rem}.footer-top .socials{margin:0!important;justify-content:start}.footer-top .brand{max-width:100%;width:fit-content}.footer-top p{max-width:26rem}.copyright{overflow-wrap:anywhere}.topbar{min-width:0}.topbar>.brand{min-width:0;flex:0 1 auto}.topbar .brand-label{max-width:12rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nav-tools{flex:0 0 auto}html[data-active-view] main>.section{padding-top:calc(var(--nav-offset) + 1.5rem)}.contact-heading :is(h1,h2){overflow-wrap:normal}.product-grid,.values,.contact-cards{min-width:0}.product-media,.mini-accessory-media{min-width:0}.mini-accessory-caption>strong{overflow-wrap:break-word}
@keyframes containedWatchFloat{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-6px) rotate(-5deg)}}
@media(max-width:479px){.hero-copy h1{font-size:clamp(2rem,8vw,2.8rem);line-height:1.15}.hero-copy h1 [data-brand]{font-size:clamp(2rem,8.3vw,2.85rem)}.hero-copy .welcome{font-size:.92rem;line-height:1.8}.hero-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem}.hero-actions>.btn-3d{width:100%;min-height:3rem}.hero-note{font-size:.7rem}.hero-art{width:min(100%,20rem)}.stats{grid-template-columns:minmax(0,1fr)}.benefit{display:grid;grid-template-columns:1.75rem minmax(0,1fr);padding:1rem;gap:.2rem .6rem;align-items:center}.benefit-icon{grid-row:1/3}.benefit small{grid-column:2}.footer-top{flex-direction:column}.footer-top .socials .btn-3d{font-size:.72rem;padding:.65rem 1rem}.contact-shell{padding:1rem}.social-action{gap:.6rem}}
@media(min-width:480px){.wrap{width:min(calc(100% - 3rem),var(--ancho))}.hero-actions{display:flex;flex-direction:row}.hero-art{width:min(100%,25rem);max-width:25rem}.stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.5rem}.benefit{display:flex;flex-direction:column;align-items:start}.hero-copy h1 [data-brand]{font-size:clamp(2.75rem,6.2vw,4.8rem)}}
@media(min-width:768px){.hero-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2rem}.hero-art{width:100%;max-width:29rem}.hero-copy h1{font-size:clamp(2.6rem,4.7vw,4.6rem)}.hero-copy h1 [data-brand]{font-size:clamp(2.6rem,4.7vw,4.6rem)}.hero-actions{gap:.8rem}.hero-actions>.btn-3d{font-size:.78rem;padding:.8rem 1rem}.hero-copy .welcome{font-size:.95rem}.stats{margin-top:2rem;padding-top:1.5rem}.benefit{display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:.2rem .6rem;align-items:center}.benefit small{grid-column:2}.hero-art .art-label{font-size:.66rem}.hero-art .art-label b{font-size:.8rem}}
@media(min-width:1024px){#home.hero{padding-top:calc(var(--nav-offset) + 2.5rem);padding-bottom:3rem}.hero-layout{gap:3rem}.hero-art{max-width:31rem}.hero-copy .welcome{font-size:1rem}.hero-actions>.btn-3d{font-size:.87rem;padding:.9rem 1.3rem}.hero-art .art-label{padding:.75rem 1.1rem;font-size:.72rem}.hero-art .art-label b{font-size:.9rem}.stats{margin-top:1.5rem;padding-top:1.5rem}.benefit{padding:1.25rem}}
@media(min-width:1440px){.wrap{width:min(calc(100% - 5rem),var(--ancho))}.hero-layout{gap:4rem}.hero-copy h1,.hero-copy h1 [data-brand]{font-size:4.5rem}.hero-art{max-width:32rem}.stats{padding-top:2rem}}
@media(min-width:1920px){#home.hero{min-height:100svh;padding-top:calc(var(--nav-offset) + 3rem)}}
@media(orientation:landscape) and (max-height:540px){#home.hero{min-height:auto;padding-top:calc(var(--nav-offset) + 1rem)}.hero-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1.5rem}.hero-art{width:100%;max-width:19rem;max-height:none}.hero-copy h1,.hero-copy h1 [data-brand]{font-size:clamp(1.8rem,4vw,2.6rem)}.hero-copy .welcome{font-size:.85rem;line-height:1.65}.hero-actions{display:flex;margin-top:1.2rem}.hero-actions>.btn-3d{width:auto;padding:.7rem .9rem;font-size:.75rem}.hero-art .art-label{font-size:.56rem;padding:.5rem .65rem}.hero-art .art-label b{font-size:.68rem}.hero-note{font-size:.65rem}.stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.5rem}.benefit{display:flex;flex-direction:column;align-items:start;padding:.85rem}.benefit strong{font-size:.75rem}.benefit small{font-size:.65rem}}
@media(max-width:359px){.wrap{width:calc(100% - 1.5rem)}.topbar .brand-label{max-width:7rem;font-size:.75rem}.topbar .brand{gap:.4rem}.topbar .brand .logo{width:2.2rem;height:2.2rem}.topbar .nav-tools .circle{width:2.65rem;height:2.65rem;min-height:2.65rem}.topbar .nav-tools{gap:.35rem}.hero-art{max-width:18rem}.hero-copy .eyebrow{font-size:.56rem}.hero-note{font-size:.65rem}.hero-art .art-label{font-size:.6rem}.hero-art .art-label b{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.watch-float{animation:none!important;transform:rotate(-6deg)}.watch-floor,.watch-halo{animation:none!important}}


/* 18. Filtros ordenados y contraste del modo claro, conservando su paleta base. */
.filters .coming-soon{justify-content:center;min-width:8rem;padding:.75rem 1rem;gap:0}.filters .coming-soon .soon-label{font-size:.75rem;letter-spacing:0;text-transform:none;line-height:1.5}
[data-theme="light"] .gradient{background-image:linear-gradient(125deg,#245bd8,#08718b 55%,#7132c7)}
[data-theme="light"] .eyebrow,[data-theme="light"] .contact-overline,[data-theme="light"] .social-kicker,[data-theme="light"] .price,[data-theme="light"] .social-action,[data-theme="light"] .mini-interact,[data-theme="light"] .contact-signature strong{color:#24558b}
[data-theme="light"] .hero-copy #slogan,[data-theme="light"] .tag,[data-theme="light"] .faq-question span:last-child,[data-theme="light"] .icon,[data-theme="light"] .social-symbol,[data-theme="light"] .contact-orbit{color:#24558b}
[data-theme="light"] .nav a.active,[data-theme="light"] .filters .coming-soon .soon-label{color:#214e83}
[data-theme="light"] .filters button[aria-pressed="true"],[data-theme="light"] .btn-3d.primary{color:#fff;background:linear-gradient(125deg,#285bd6,#176c9b);border-color:#3d79bb}
[data-theme="light"] .btn-3d.secondary{color:#fff;background:linear-gradient(135deg,#7132c7,#285bd6)}
[data-theme="light"] .social-action>span{color:#24558b;background:#e0eeff;border-color:#b5cce8}
[data-theme="light"] .social-handle,[data-theme="light"] .social-card>p,[data-theme="light"] .social-hub-note,[data-theme="light"] .contact-heading>p,[data-theme="light"] .contact-signature,[data-theme="light"] .mini-accessory-caption>span:not(.mini-interact),[data-theme="light"] .cloud-note{color:#4a5b80}
[data-theme="light"] .social-card,[data-theme="light"] .mini-accessory,[data-theme="light"] .contact-meta{border-color:#b5cbe5;border-top-color:#9cb9dc}
[data-theme="light"] .btn-3d.outline,[data-theme="light"] .filter-button:not([aria-pressed="true"]){color:#18365b}
[data-theme="light"] .filter-button.coming-soon{opacity:1;background:#e9f2fd}
[data-theme="light"] .icon,[data-theme="light"] .social-symbol{border-color:#a9c7e5;background:linear-gradient(140deg,#d7e7ff,#ddf1fa)}
[data-theme="light"] code{color:#24558b}
[data-theme="light"] button:focus-visible,[data-theme="light"] a:focus-visible{outline-color:#245bd8}


/* 19. Movimiento de Información en capas: aparición, flotación, inclinación y brillo independientes. */
#informacion .values>.info-card-motion{min-width:0;height:100%;transition-delay:var(--card-delay,0s)}
#informacion .info-card-float{display:flex;height:100%;min-width:0;animation:infoCardFloat 10s ease-in-out infinite;animation-delay:var(--float-delay,0s)}
#informacion .floating-value{width:100%;height:100%;animation:none!important;overflow:hidden;transition:transform .55s cubic-bezier(.22,.75,.2,1),box-shadow .4s,border-color .4s}
#informacion .floating-value:after{content:"";position:absolute;inset:-80%;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 43%,#7dd3fc08 48%,#b6eaff14 50%,transparent 57%);animation:infoCardShine 12s ease-in-out infinite;animation-delay:var(--float-delay,0s)}
#informacion .floating-value .icon{position:relative;animation:infoIconFloat 7s ease-in-out infinite;animation-delay:var(--float-delay,0s);transform-origin:center}
#informacion .floating-value .icon:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--borde);pointer-events:none;animation:infoIconAura 7s ease-in-out infinite;animation-delay:var(--float-delay,0s)}
#informacion .info-card-motion.is-visible .values-list li{animation:infoValueArrival .65s cubic-bezier(.22,.75,.2,1) both}
#informacion .info-card-motion.is-visible .values-list li:nth-child(2){animation-delay:.08s}
#informacion .info-card-motion.is-visible .values-list li:nth-child(3){animation-delay:.16s}
#informacion .info-card-motion.is-visible .values-list li:nth-child(4){animation-delay:.24s}
#informacion .info-card-motion.is-visible .values-list li:nth-child(5){animation-delay:.32s}
#informacion .accessory-drawing{transform-origin:110px 90px;animation:infoAccessoryDrift 8s ease-in-out infinite}
#informacion .mini-ring .accessory-drawing{animation-duration:10s;animation-delay:-3s}
#informacion .mini-cross .accessory-drawing{animation-delay:-5s}
#informacion .mini-watch .accessory-drawing{animation-duration:11s;animation-delay:-7s}
#informacion .mini-accessory.inspected .accessory-drawing{animation-play-state:paused}
#informacion .mini-accessory:active{box-shadow:inset 0 1px 0 #ffffff16,0 2px 0 var(--profundidad),0 6px 12px #02091b22}
html.reveal-ready #informacion .info-card-motion:not(.is-visible) .info-card-float{animation-play-state:paused}
@keyframes infoCardFloat{0%,100%{transform:translateY(0) rotate(-.15deg)}50%{transform:translateY(-7px) rotate(.15deg)}}
@keyframes infoCardShine{0%,25%{transform:translateX(-55%);opacity:0}45%{opacity:1}70%,100%{transform:translateX(55%);opacity:0}}
@keyframes infoIconFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-3px) rotate(3deg)}}
@keyframes infoIconAura{0%,100%{transform:scale(1);opacity:.25}50%{transform:scale(1.1);opacity:.65}}
@keyframes infoValueArrival{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes infoAccessoryDrift{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}
@media(min-width:768px) and (max-width:1023px){#informacion .values>.info-card-motion:last-child{grid-column:1/-1}}
@media(hover:hover) and (pointer:fine){#informacion .info-card-motion:hover .info-card-float,#informacion .info-card-motion:focus-within .info-card-float{animation-play-state:paused}#informacion .floating-value:hover{border-color:var(--celeste);box-shadow:inset 0 1px 0 #ffffff22,0 7px 0 var(--profundidad),0 20px 35px #3b6cff18}}
@media(prefers-reduced-motion:reduce){#informacion .info-card-float,#informacion .floating-value:after,#informacion .floating-value .icon,#informacion .floating-value .icon:after,#informacion .values-list li,#informacion .accessory-drawing{animation:none!important}#informacion .info-card-motion{transition-delay:0s}}

/* Precios de oferta: visibles también en el detalle del producto. */
.price-group,#modal-price{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .65rem}.price-old{color:var(--texto-suave);font-size:.8rem;font-weight:400;text-decoration-thickness:1px}.price-current{color:var(--celeste);font-weight:650}.sale-saving{padding:.15rem .45rem;border:1px solid #00e5ff44;border-radius:7px;background:#00e5ff12;color:var(--celeste);font-size:.7rem;font-weight:650;white-space:nowrap}.product-media{position:relative}.product-sale-badge{position:absolute;left:.8rem;bottom:.8rem;padding:.25rem .65rem;border:1px solid #9ae8ff66;border-radius:8px;background:#0d3049e6;color:#ddfaff;font-size:.7rem;font-weight:600;backdrop-filter:blur(10px)}[data-theme="light"] .price-current{color:#24558b}[data-theme="light"] .sale-saving{background:#e1f4ff;color:#195272;border-color:#89b9d4}


.loader{display:none}
/* /polish.css */
:root{view-transition-name:none}main>section:not([hidden]){view-transition-name:store-view}::view-transition-old(store-view){animation:section-out .18s ease both}::view-transition-new(store-view){animation:section-in .48s cubic-bezier(.16,1,.3,1) both}@keyframes section-out{to{opacity:0;transform:translateY(-8px)}}@keyframes section-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.btn-3d{border-radius:12px!important;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s,border-color .24s,background .24s;min-height:44px}.btn-3d:hover{transform:translateY(-2px)}.btn-3d:active{transform:translateY(1px) scale(.98)}.btn-3d.circle{border-radius:13px!important}.btn-3d:focus-visible,button:focus-visible{outline:2px solid var(--season-accent,var(--celeste,#7ce7f2));outline-offset:4px}.btn-3d[disabled],.btn-3d[aria-disabled=true]{transform:none}
.admin-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.5rem 0}.admin-tabs .selected{background:#21516a;border-color:#7ce7f2}.brand-editors{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.brand-editors form{min-width:0}#icon-preview{object-fit:contain;border-radius:16px;margin-bottom:1rem}.team-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.team-row p{overflow-wrap:anywhere;margin:0}.essence-admin main{max-width:1360px}.essence-admin .surface{box-shadow:0 12px 35px #0002}.essence-admin .layout{margin-top:1rem}.admin-shortcuts{display:none!important}.essence-admin fieldset{min-width:0}#branding-status,#icon-status{overflow-wrap:anywhere}
@media(max-width:650px){.brand-editors{grid-template-columns:1fr}.admin-tabs{display:grid;grid-template-columns:1fr 1fr}.admin-tabs button{font-size:.78rem;padding:.5rem}.team-row{align-items:flex-start;flex-direction:column}.btn-3d{font-size:clamp(.75rem,2.4vw,.85rem);padding:.55rem .75rem}.essence-admin header{flex-wrap:wrap}.essence-admin nav{gap:.5rem}}@media(prefers-reduced-motion:reduce){::view-transition-old(store-view),::view-transition-new(store-view){animation:none}.btn-3d{transition:none}}

/* /elegant-controls.css */
/* Controles sobrios, con profundidad ligera y respuesta contenida. */
.btn-3d{--control-shadow:0 3px 10px #02091b18;border-radius:11px!important;border:1px solid var(--borde);box-shadow:inset 0 1px 0 #ffffff10,var(--control-shadow)!important;min-height:44px;letter-spacing:.01em;font-weight:550;transition:transform .22s cubic-bezier(.2,.75,.2,1),box-shadow .22s,border-color .22s,background-color .22s!important}.btn-3d.primary{background:var(--season-button-fill,linear-gradient(125deg,#255fc7,#216a8a));border-color:var(--season-accent,#65a9e5);color:#fff}.btn-3d.outline{background:color-mix(in srgb,var(--bg-secundario) 75%,transparent);color:var(--texto)}.btn-3d:active,.btn-3d.primary:active{transform:translateY(1px) scale(.985)!important;box-shadow:inset 0 1px 4px #02091b22!important;transition-duration:100ms!important}.btn-3d::after{animation:none!important;opacity:0;transition:opacity .3s;transform:none!important;background:linear-gradient(120deg,transparent,#ffffff0d,transparent)}.btn-3d:focus-visible{outline:2px solid var(--season-accent,var(--celeste));outline-offset:4px}.btn-3d[aria-disabled=true],.btn-3d:disabled{transform:none!important;box-shadow:none!important}.ripple{opacity:.3;animation-duration:.45s}.favorite-toggle{border-radius:11px;background:#10223de8;border-color:#a0bfd33d;box-shadow:0 2px 8px #0002;transition:transform .2s,background .2s}.favorite-toggle:active{transform:scale(.94)}.nav a{border-radius:10px;transition:color .2s,background .2s}.nav a.active{transform:none!important;box-shadow:none;background:#7dd3fc12}.faq-question{box-shadow:none;transition:background .2s}.faq-question:active{transform:none}.social-action{transition:transform .25s,border-color .25s}.social-action>span{box-shadow:none}.gallery-controls button,.cart-actions button{border-radius:11px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 26px}.catalog-selections{display:flex;flex-wrap:wrap;gap:8px}.catalog-toolbar .btn-3d{padding:.6rem .95rem;font-size:.78rem}.catalog-selections [aria-pressed=true]{background:var(--azul-profundo);border-color:var(--season-accent,var(--celeste));color:#fff}.catalog-filter-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:clamp(20px,4vw,30px);border:1px solid var(--borde);border-radius:22px;color:var(--texto);background:var(--bg-secundario);box-shadow:0 24px 80px #02091b55;margin:auto}.catalog-filter-dialog::backdrop{background:#020715a6;backdrop-filter:blur(8px)}.catalog-filter-dialog[open]{animation:filter-arrive .3s cubic-bezier(.16,1,.3,1)}.filter-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.filter-dialog-head small{font-size:.6rem;letter-spacing:.14em;color:var(--texto-suave)}.filter-dialog-head h2{font-size:1.5rem;line-height:1.25;margin:8px 0 0}.catalog-filter-dialog .shop-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0}.catalog-filter-dialog label{font-size:.78rem;color:var(--texto-suave)}.catalog-filter-dialog input:not([type=checkbox]),.catalog-filter-dialog select{display:block;width:100%;min-width:0;min-height:46px;padding:10px;border:1px solid var(--borde);border-radius:10px;background:var(--bg-principal);color:var(--texto);font:inherit;margin-top:8px}.catalog-filter-dialog .shop-check{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-height:40px}.filter-note{font-size:.73rem;color:var(--texto-suave);line-height:1.6;margin:18px 0}.filter-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.catalog-mode-heading{margin-top:20px}.route-enter{animation:none!important}main>section:not([hidden]){view-transition-name:none!important}
@keyframes filter-arrive{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.btn-3d:hover{transform:translateY(-1px)!important;box-shadow:inset 0 1px 0 #ffffff18,0 5px 16px #02091b20!important;border-color:var(--season-accent,var(--celeste))}.btn-3d:hover::after{opacity:1}.btn-3d:active{transform:translateY(1px) scale(.985)!important}}
[data-theme=light] .btn-3d.outline{background:#ffffffa6;color:#193650}[data-theme=light] .catalog-filter-dialog{background:#f4f8ff}[data-theme=light] .favorite-toggle{background:#f4f8fff0;color:#193650}
@media(max-width:600px){.catalog-toolbar{align-items:stretch;gap:8px;margin:16px 0 22px}.catalog-selections{gap:6px;flex:1}.catalog-toolbar .btn-3d{font-size:.72rem;padding:.55rem .65rem}.filter-launch{max-width:120px}.catalog-filter-dialog{border-radius:18px}.filter-dialog-head h2{font-size:1.3rem}.catalog-filter-dialog .shop-filter-grid{gap:14px}.btn-3d{min-height:44px}}
@media(max-width:359px){.catalog-toolbar{flex-wrap:wrap}.filter-launch{max-width:none;width:100%}.catalog-selections{display:grid;grid-template-columns:1fr 1fr;width:100%}.catalog-filter-dialog .shop-filter-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.btn-3d,.favorite-toggle{transition:none!important}.catalog-filter-dialog[open]{animation:none}}

.essence-admin button,.essence-admin .button{border-radius:11px;box-shadow:inset 0 1px 0 #ffffff0c,0 2px 8px #02091b18;transition:transform .2s ease,background .2s,border-color .2s}.essence-admin button:active{transform:translateY(1px) scale(.99)}.essence-admin .admin-tabs button{box-shadow:none}.essence-admin .admin-tabs button.selected{box-shadow:inset 3px 0 #81e5ed}@media(hover:hover){.essence-admin button:hover,.essence-admin .button:hover{transform:translateY(-1px)}.essence-admin .admin-tabs button:hover{transform:none}}@media(prefers-reduced-motion:reduce){.essence-admin button{transition:none}}

/* /account.css */
.customer-account-page{min-height:100dvh;background:radial-gradient(ellipse at 90% 0,#24538530,transparent 60%),var(--bg-principal);color:var(--texto);font:16px/1.65 Inter,system-ui,sans-serif}.account-header{max-width:1200px;margin:auto;padding:24px clamp(16px,4vw,40px);display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--borde)}.account-brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:.85rem;color:var(--texto);text-decoration:none}.account-brand img{object-fit:contain;border-radius:12px}.account-brand small{display:block;color:var(--texto-suave);font-size:.6rem;letter-spacing:.16em}.account-main{max-width:1160px;margin:auto;padding:clamp(28px,5vw,60px) clamp(16px,4vw,40px)}.account-main h1{font-size:clamp(2rem,5vw,3rem);line-height:1.15;letter-spacing:-.04em;max-width:20ch;margin-bottom:16px}.account-main>p.muted{max-width:65ch;font-size:.95rem}.account-surface{border:1px solid var(--borde);border-radius:22px;background:linear-gradient(150deg,var(--bg-secundario),var(--bg-principal));padding:clamp(20px,4vw,32px);box-shadow:0 15px 45px #02091b18;min-width:0}.account-surface h2{font-size:1.35rem;line-height:1.35;margin:10px 0 24px}.account-auth{max-width:520px;margin:36px auto}.account-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}.account-auth-tabs [aria-pressed=true]{border-color:var(--celeste);background:#255fc730}.account-surface label{display:block;font-size:.82rem;color:var(--texto-suave);margin:0 0 18px}.account-surface input:not([type=checkbox]),.account-surface textarea{display:block;width:100%;min-width:0;min-height:46px;border:1px solid var(--borde);border-radius:11px;background:var(--bg-principal);color:var(--texto);padding:12px;font:inherit;margin-top:8px}.account-surface textarea{min-height:90px;resize:vertical}.account-password{display:flex;align-items:center;gap:8px}.account-password input{flex:1}.password-visibility{border:0;background:transparent;color:var(--celeste);font:inherit;min-height:44px;min-width:44px;cursor:pointer}.account-surface .account-check{display:flex;align-items:center;gap:10px;min-height:40px}.account-check input{width:18px;height:18px}.account-text-button{border:0;background:transparent;color:var(--celeste);font:inherit;font-size:.82rem;min-height:44px;padding:8px 0;cursor:pointer;margin-top:12px}.account-note{font-size:.75rem;color:var(--texto-suave);line-height:1.7;margin:18px 0 0}.account-status{padding:15px 18px;border:1px solid #50bdad66;background:#123a3533;border-radius:12px;margin:24px 0;overflow-wrap:anywhere;font-size:.85rem}.account-status.error{border-color:#f58a9b66;background:#8d263522;color:#ffc2cf}.account-dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.account-stack{display:grid;gap:24px;align-content:start;min-width:0}.account-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.account-security{grid-column:1/-1}.account-user-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:28px 0}.account-user-bar p{color:var(--texto-suave);overflow-wrap:anywhere;font-size:.85rem}.account-user-actions{display:flex;gap:10px;flex-wrap:wrap}.account-favorite-link{display:block;color:var(--celeste);padding:12px 0;border-bottom:1px solid var(--borde);font-size:.85rem}.account-favorite-link:last-child{margin-bottom:20px}.customer-order{margin-top:20px;padding:20px 0;border-top:1px solid var(--borde)}.customer-order h3{font-size:1rem}.customer-order p,.customer-order li{font-size:.8rem;color:var(--texto-suave)}.customer-order ul{padding-left:18px;margin:10px 0}.account-footer{max-width:1160px;margin:auto;padding:24px 40px;color:var(--texto-suave);font-size:.75rem}.account-nav-link{display:flex;gap:7px;font-size:.75rem;white-space:nowrap}.admin-nav-link{font-size:.72rem;white-space:nowrap}.account-nav-link svg{flex:none}.account-nav-link[hidden],.admin-nav-link[hidden],#account-admin[hidden]{display:none!important}.has-account-nav .nav-tools{gap:.45rem}.has-account-nav .account-nav-link{min-height:44px;padding:.55rem .75rem}.customer-account-page [hidden]{display:none!important}
@media(max-width:900px){.account-dashboard{grid-template-columns:1fr}.account-security{grid-column:auto}.has-account-nav .account-nav-link span{display:none}.has-account-nav .account-nav-link{width:40px;min-width:40px;padding:.5rem}.has-admin-nav .brand-label{max-width:70px;font-size:.7rem}}
@media(max-width:600px){.account-header{padding:16px;gap:12px}.account-header>.btn-3d{font-size:.7rem;padding:.5rem .7rem}.account-brand{gap:8px;font-size:.7rem}.account-brand img{width:36px;height:36px}.account-main{padding:28px 16px}.account-main>p.muted{font-size:.85rem}.account-field-grid{grid-template-columns:1fr;gap:0}.account-auth{margin-top:24px}.account-surface{border-radius:18px}.account-user-actions{width:100%}.account-user-actions>.btn-3d{flex:1;font-size:.75rem}.account-footer{padding:20px 16px}.has-account-nav .brand-label{display:none}.has-account-nav .nav-tools{gap:5px}.has-account-nav .nav-tools .circle{width:40px;min-width:40px;height:44px;padding:.5rem}.has-account-nav .admin-nav-link{padding:.5rem .55rem;min-width:48px;font-size:.7rem}.account-auth-tabs .btn-3d{font-size:.75rem;padding:.6rem}.account-security .btn-3d{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.account-surface button{transition:none!important}}

/* Controles de cuenta compactos y carga inicial sin destellos. */
.has-account-nav .account-nav-link.is-signed-in,.has-account-nav .admin-nav-link{display:inline-flex;align-items:center;justify-content:center;width:42px;min-width:42px;min-height:44px;padding:.5rem;gap:0}.account-nav-link.is-signed-in span{display:none}.admin-nav-link svg{flex:none}.account-loading{max-width:520px;margin:36px auto;text-align:center;padding-block:40px}.account-loading h2{margin:20px 0 10px}.account-loading p{font-size:.85rem}.account-loading-orbit{display:inline-block;width:34px;height:34px;border:2px solid var(--borde);border-top-color:var(--celeste);border-radius:50%;animation:account-orbit 1.1s linear infinite}.account-loading.has-error .account-loading-orbit{animation:none;opacity:.4}.account-loading .btn-3d{margin-top:20px}@keyframes account-orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.account-loading-orbit{animation:none}}

.account-google{width:100%;display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:8px}.account-google[disabled]{opacity:.55;cursor:not-allowed}.account-mfa{margin-block:28px;border-color:#5bc7ed66}.account-mfa .account-note{margin-block:12px}.account-mfa form{max-width:420px;margin-top:20px}.account-secret{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg-principal);padding:18px;border:1px solid var(--borde);border-radius:12px;font:14px/1.8 ui-monospace,monospace;user-select:all;margin-block:16px}.account-session{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--borde)}.account-session strong{font-size:.85rem}.account-session p{font-size:.75rem;color:var(--texto-suave);margin-top:6px}.account-session .btn-3d{font-size:.75rem;flex:none}.account-sessions{margin-bottom:30px}.cart-breakdown{display:grid;gap:12px;margin:24px 0;padding:20px;border:1px solid var(--borde);border-radius:16px;background:var(--bg-secundario)}.cart-breakdown>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:.85rem}.cart-breakdown>div:last-child{border-top:1px solid var(--borde);padding-top:16px;font-weight:750;font-size:1rem}.cart-breakdown dd{margin:0;text-align:right;overflow-wrap:anywhere}.cart-coupon{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:24px}.cart-coupon label,.cart-coupon p{grid-column:1/-1}.cart-coupon label{font-size:.8rem}.cart-coupon input{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--borde);border-radius:12px;background:var(--bg-secundario);color:var(--texto);font:16px Inter,system-ui,sans-serif}.cart-coupon button{font-size:.8rem}.cart-breakdown:empty{display:none}@media(max-width:500px){.account-session{align-items:flex-start;flex-direction:column;gap:10px}.account-session .btn-3d{width:100%}.cart-breakdown{padding:16px}.cart-breakdown>div{font-size:.78rem}.cart-coupon button{padding:10px 14px}.account-mfa .btn-3d{font-size:.75rem;margin-top:8px;max-width:100%;white-space:normal}}

/* /account-workspace.css */
.account-dashboard.account-workspace{display:block}.account-frame{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:start}.account-menu{position:sticky;top:20px;display:grid;gap:7px;padding:12px;border:1px solid var(--borde);border-radius:18px;background:var(--bg-secundario)}.account-menu-button{width:100%;min-height:44px;text-align:left;padding:12px 14px;font:650 .75rem Inter,system-ui,sans-serif;color:var(--texto-suave);background:transparent;border:1px solid transparent;border-radius:11px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}.account-menu-button:hover{background:#218cce0c;color:var(--texto)}.account-menu-button.is-current{color:var(--texto);background:#248dc41c;border-color:#35a7d24b}.account-menu-button:focus-visible{outline:2px solid var(--celeste);outline-offset:2px}.account-content,.account-view{min-width:0}.account-view{animation:accountViewIn .35s cubic-bezier(.2,.7,.3,1)}.account-view>.account-surface{margin:0}.account-content .account-security{grid-column:auto}.account-view #account-mfa{margin:0 0 20px}.account-overview-intro{padding:28px;border:1px solid var(--borde);border-radius:22px;background:radial-gradient(ellipse at top right,#208ce71c,transparent 70%),var(--bg-secundario)}.account-overview-intro h2{font-size:clamp(1.4rem,3vw,2rem);margin:12px 0}.account-overview-intro p{font-size:.8rem;color:var(--texto-suave);line-height:1.8}.account-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.account-overview-card{display:flex;flex-direction:column;gap:10px;text-align:left;border:1px solid var(--borde);border-radius:17px;background:var(--bg-secundario);color:var(--texto);padding:20px;cursor:pointer;transition:transform .3s,border-color .3s}.account-overview-card:hover{transform:translateY(-3px);border-color:var(--celeste)}.account-overview-card small{font-size:.65rem;color:var(--texto-suave)}.account-overview-card strong{font-size:1.4rem;line-height:1.2;letter-spacing:-.04em}.account-overview-card span{font-size:.65rem;line-height:1.7;color:var(--texto-suave)}.account-overview-pet{display:flex;gap:30px;align-items:center;padding:24px;border:1px solid var(--borde);border-radius:22px;background:radial-gradient(ellipse at left,#128cc81b,transparent 70%),var(--bg-secundario)}.account-overview-pet .flow-pet{width:150px;flex:0 0 150px}.account-overview-pet h3{font-size:1.8rem;margin:10px 0}.account-overview-pet p{font-size:.75rem;color:var(--texto-suave);margin-bottom:18px}.account-view [hidden]{display:none!important}.account-view .account-field-grid{grid-template-columns:1fr 1fr}.account-order-card{border:1px solid var(--borde);border-radius:18px;background:var(--bg-principal);padding:22px;margin-top:18px;min-width:0}.account-order-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.account-order-card h3{font-size:1.12rem;margin:7px 0}.account-order-card small{font-size:.65rem;color:var(--texto-suave);display:block}.account-order-badge{font-size:.62rem;padding:6px 9px;border:1px solid #2d9fc944;border-radius:8px;color:var(--texto);background:#2498c410}.account-order-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:24px 0;gap:5px}.account-order-steps li{font-size:.6rem;color:var(--texto-suave);padding-top:10px;border-top:3px solid var(--borde);text-align:center}.account-order-steps li.is-done{border-color:var(--celeste);color:var(--texto)}.account-order-items{list-style:none;margin:0;padding:0}.account-order-items li{display:flex;justify-content:space-between;gap:12px;font-size:.75rem;padding:12px 0;border-bottom:1px solid var(--borde);flex-wrap:wrap}.account-order-items small{width:100%}.account-order-total{display:flex;justify-content:space-between;gap:18px;padding-top:18px;font-size:.9rem}.account-order-card>.account-note{margin-top:10px}.account-order-callout{padding:12px;border-radius:10px;border:1px solid #1b9ac52b;background:#139bcc09;font-size:.72rem;line-height:1.7;color:var(--texto-suave);margin:14px 0}.account-order-card details{padding-top:16px;margin-top:16px;border-top:1px solid var(--borde)}.account-order-card summary{font-size:.75rem;cursor:pointer;font-weight:650}.account-order-timeline{padding-left:18px;font-size:.72rem;line-height:1.8}.account-order-timeline li{padding:10px 0}.account-order-timeline small{margin-top:4px}.account-order-actions{display:flex;gap:14px;align-items:start;flex-wrap:wrap}.account-order-actions form{padding-top:16px}.account-order-actions .account-note{margin-bottom:14px}.account-order-tracking{padding:15px;border:1px solid var(--borde);border-radius:12px;margin-top:16px;font-size:.75rem}.account-order-tracking a{color:var(--celeste)}.account-notifications{margin-top:20px}.account-notice{padding:18px;border:1px solid var(--borde);border-radius:13px;margin-bottom:12px}.account-notice.is-unread{border-left:3px solid var(--celeste);background:#128ec809}.account-notice p{font-size:.8rem;line-height:1.8;margin:0 0 7px}.account-notice small{font-size:.65rem;color:var(--texto-suave)}.account-notice .account-text-button{margin:4px 0 0;font-size:.72rem}.account-empty{text-align:center;padding:30px 12px}.account-empty p{font-size:.8rem;color:var(--texto-suave);line-height:1.8;margin-bottom:20px}.account-preview-root{--bg-principal:#081124;--bg-secundario:#101b31;--texto:#e5f1ff;--texto-suave:#a5b8d1;--borde:#73a8c92a;--celeste:#37c8ed;padding:24px;background:var(--bg-principal);color:var(--texto);border:1px solid var(--borde);border-radius:20px;width:var(--preview-width,100%);max-width:100%;min-height:0;font:16px/1.7 Inter,system-ui,sans-serif}.account-preview-root[data-preview-theme=light]{--bg-principal:#f4f8ff;--bg-secundario:#fff;--texto:#10233e;--texto-suave:#4c617b;--borde:#2b638b30;--celeste:#0877a7}.account-preview-root .account-frame{grid-template-columns:170px minmax(0,1fr)}.account-preview-root.is-mobile .account-frame{grid-template-columns:1fr}.account-preview-root.is-mobile .account-menu{position:static;display:flex;overflow:auto}.account-preview-root.is-mobile .account-menu-button{white-space:nowrap;width:auto;min-width:max-content}.account-preview-root.is-mobile .loyalty-hero{grid-template-columns:1fr}.account-preview-root.is-mobile .loyalty-journey{grid-template-columns:1fr 1fr}.account-preview-root.is-mobile .loyalty-collection{grid-template-columns:1fr}.account-preview-root.is-mobile .loyalty-heading{flex-wrap:wrap}.account-preview-root.is-mobile .loyalty-metrics{gap:7px}.account-preview-root.is-mobile .account-overview-grid{grid-template-columns:1fr}.account-preview-root.is-mobile .account-overview-pet{flex-direction:column}.account-preview-root.is-mobile .account-view .account-field-grid{grid-template-columns:1fr}@keyframes accountViewIn{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:950px){.account-frame{grid-template-columns:1fr}.account-menu{position:static;display:flex;gap:5px;overflow:auto;padding:8px}.account-menu-button{white-space:nowrap;min-width:max-content;width:auto;padding:10px 13px}.account-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-overview-card{padding:16px}}@media(max-width:600px){.account-frame{gap:18px}.account-overview-grid{grid-template-columns:1fr}.account-overview-intro{padding:22px}.account-overview-card{display:grid;grid-template-columns:1fr auto;gap:8px}.account-overview-card span{grid-column:1/-1}.account-overview-card strong{font-size:1.25rem}.account-overview-pet{padding:18px;gap:15px}.account-overview-pet .flow-pet{width:100px;flex-basis:100px}.account-overview-pet h3{font-size:1.4rem}.account-view .account-field-grid{grid-template-columns:1fr}.account-order-card{padding:16px}.account-order-card>header{flex-direction:column;gap:10px}.account-order-steps li{font-size:.55rem}.account-order-total{font-size:.8rem}.account-overview-pet p{font-size:.68rem}.account-preview-root{padding:12px}}@media(prefers-reduced-motion:reduce){.account-view{animation:none}.account-overview-card{transition:none}}


.account-preview-root .account-menu{margin:0}.account-preview-root.is-mobile .account-menu{flex-wrap:nowrap;max-width:100%;gap:5px;padding:8px}.account-preview-root.is-mobile .account-menu-button{flex:0 0 auto;padding:10px 13px;box-shadow:none}.account-preview-root.is-mobile .loyalty-space{padding:18px!important}.account-preview-root.is-mobile .loyalty-hero{padding:18px;gap:20px}.account-preview-root.is-mobile .loyalty-art-stage{min-height:260px}.account-preview-root.is-mobile .loyalty-art-stage>.flow-pet{width:190px;max-width:100%}.account-preview-root.is-mobile .loyalty-heading h2{font-size:1.4rem}.account-preview-root.is-mobile .loyalty-hero-copy>h3{font-size:2.5rem}.account-preview-root.is-mobile .account-surface{padding:20px}.account-preview-root.is-mobile .loyalty-section-head{flex-wrap:wrap}.account-preview-root.is-mobile .loyalty-metrics>div{min-width:0}.account-preview-root.is-mobile .loyalty-metrics dt{overflow-wrap:anywhere}.account-preview-root.is-mobile .account-overview-intro{padding:22px}

.order-receipts{padding-top:18px;margin-top:20px;border-top:1px solid var(--borde)}.order-receipts h4{font-size:.9rem;margin:0}.order-receipts form{display:grid;gap:14px;margin-top:18px}.order-receipts input[type=file]{max-width:100%;font-size:.75rem}.order-receipts .account-text-button{display:block}

.account-order-card.is-targeted{border-color:var(--celeste);box-shadow:0 0 0 3px color-mix(in srgb,var(--celeste) 12%,transparent);scroll-margin-top:24px}

/* /notifications.css */
.notifications-view{min-width:0}.notice-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.notice-heading h2{margin:0;font-size:1.4rem}.notice-heading .account-note{margin:8px 0 0}.notice-heading>.btn-3d{flex:none}.notice-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;border:1px solid var(--borde);background:var(--bg-principal);border-radius:14px;margin-bottom:18px}.notice-toolbar label{font-size:.68rem;color:var(--texto-suave);display:grid;gap:5px;margin:0}.notice-toolbar select{border:1px solid var(--borde);border-radius:9px;padding:9px;background:var(--bg-secundario);color:var(--texto);font:inherit;min-height:40px}.notice-toolbar .notice-important-filter{display:flex;gap:8px;align-items:center;min-height:40px}.notice-important-filter input{width:17px;height:17px}.notice-feedback{font-size:.72rem;color:var(--texto-suave);line-height:1.7}.notice-list{display:grid;gap:12px}.notice-card{padding:18px;border:1px solid var(--borde);border-radius:15px;background:var(--bg-principal);transition:border-color .25s,background .25s;min-width:0}.notice-card.is-unread{border-left:3px solid var(--celeste);background:color-mix(in srgb,var(--celeste) 5%,var(--bg-principal))}.notice-card h3{font-size:.85rem;line-height:1.6;margin:10px 0 0;overflow-wrap:anywhere}.notice-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:.6rem;color:var(--texto-suave)}.notice-meta>time{margin-left:auto}.notice-important{font-size:.55rem;padding:3px 7px;border:1px solid var(--borde);border-radius:6px;color:var(--celeste)}.notice-card .account-note{margin:6px 0 0}.notice-actions{display:flex;gap:18px;flex-wrap:wrap}.notice-actions .account-text-button{font-size:.65rem;margin:4px 0 0;min-height:40px}.notice-empty{color:var(--texto-suave);padding:20px 4px;font-size:.78rem;line-height:1.8}.notice-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;font-size:.7rem}.is-compact .notice-heading{margin-bottom:12px}.is-compact .notice-heading h2{font-size:1rem}.is-compact .notice-toolbar{padding:0;border:0;background:none;margin-bottom:12px}.is-compact .notice-toolbar>.btn-3d{font-size:.62rem;min-height:34px;padding:7px 11px}.is-compact .notice-heading>.btn-3d{font-size:.6rem;min-height:34px;padding:7px 10px}.is-compact .notice-card{padding:13px}.is-compact .notice-card h3{font-size:.76rem}.is-compact .notice-heading .account-note{font-size:.65rem}@media(max-width:600px){.notice-heading{flex-wrap:wrap}.notice-toolbar{padding:12px;gap:10px}.notice-toolbar>button{width:100%;font-size:.7rem}.notice-toolbar label{flex:1}.notice-toolbar .notice-important-filter{flex-basis:100%}.notice-card{padding:14px}.notice-meta>time{margin-left:0}}@media(prefers-reduced-motion:reduce){.notice-card{transition:none}}
/* /topbar-menu.css */
.topbar .nav-tools{margin-left:auto;display:flex;align-items:center;gap:10px}.topbar .hamburger{display:inline-flex!important;flex-direction:column;justify-content:center;align-items:center;gap:5px}.topbar .nav-tools>.btn-3d{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border-radius:12px;flex:none}.topbar .hamburger>span{display:block;width:17px;height:1.5px;background:currentColor;transition:transform .25s}.topbar .hamburger[aria-expanded=true]>span:first-child{transform:translateY(3.2px) rotate(45deg)}.topbar .hamburger[aria-expanded=true]>span:last-child{transform:translateY(-3.2px) rotate(-45deg)}.mobile-nav{position:fixed!important;top:var(--countdown-top,84px)!important;left:auto!important;right:clamp(16px,4vw,64px);width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 110px);overflow:auto;display:block!important;z-index:1100;padding:20px!important;border:1px solid var(--borde);border-radius:20px;background:var(--bg-secundario);box-shadow:0 25px 70px #02081740;opacity:0;transform:translateY(-7px) scale(.99);transform-origin:top right;transition:opacity .18s,transform .25s cubic-bezier(.2,.8,.2,1);pointer-events:none}.mobile-nav.is-open{opacity:1;transform:none;pointer-events:auto}.mobile-nav[hidden]{display:none!important}.topbar-menu-kicker{font-size:.58rem;letter-spacing:.17em;color:var(--texto-suave);margin:0 0 14px}.menu-pages{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-nav .btn-3d{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 13px;border-radius:12px;font-size:.76rem;white-space:normal}.menu-account{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--borde)}.menu-account #theme{grid-column:1/-1;width:auto;height:auto;border-radius:12px}.menu-account #theme:after{content:'Cambiar apariencia'}.menu-account .account-nav-link{width:auto!important;max-width:none!important}.menu-account .account-nav-link span{display:inline!important}.menu-account .admin-nav-link span{font-size:.72rem}.menu-account [hidden]{display:none!important}.notifications-toggle{position:relative}.notifications-toggle svg{width:20px;height:20px}.notice-count{position:absolute;right:-5px;top:-5px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border:2px solid var(--bg-principal);border-radius:7px;font:750 9px/1 Inter,system-ui,sans-serif;background:var(--celeste);color:var(--bg-principal);pointer-events:none;box-shadow:0 3px 10px #0002}.notice-count[hidden]{display:none}.notifications-panel{position:fixed;right:clamp(16px,4vw,64px);top:var(--countdown-top,84px);width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain;background:var(--bg-secundario);color:var(--texto);border:1px solid var(--borde);border-radius:20px;padding:20px;z-index:1101;box-shadow:0 25px 70px #02081740;animation:noticePanelIn .22s cubic-bezier(.2,.8,.2,1);font-size:.8rem}.notifications-panel[hidden]{display:none}.notifications-panel>p{line-height:1.8;margin-bottom:16px;color:var(--texto-suave)}.notifications-panel .notice-view-all{display:flex;margin-top:16px;font-size:.72rem;min-height:40px}.notifications-panel .notice-meta{font-size:.58rem}.notifications-panel .notice-actions .account-text-button{background:none;border:0;color:var(--celeste);cursor:pointer;font:inherit;font-size:.65rem;padding:7px 0}.notifications-panel .btn-3d{border-radius:11px}.notifications-panel .notice-heading .account-note{margin-top:5px}.notifications-panel .notice-heading h2{line-height:1.3}@keyframes noticePanelIn{from{opacity:.5;transform:translateY(-5px)}to{opacity:1;transform:none}}@media(max-width:600px){.topbar{gap:10px}.topbar .nav-tools{gap:7px}.topbar .nav-tools>.btn-3d{width:40px;height:42px;min-width:40px;min-height:42px;padding:9px}.topbar .brand{min-width:0}.topbar .brand-label{max-width:100px}.mobile-nav,.notifications-panel{right:12px;width:calc(100vw - 24px);padding:16px!important}.notifications-panel{max-height:calc(100dvh - 100px)}}@media(prefers-reduced-motion:reduce){.mobile-nav,.topbar .hamburger>span{transition:none}.notifications-panel{animation:none}}
.account-header-tools{display:flex;align-items:center;gap:10px}.account-header-tools .notifications-toggle{width:42px;min-width:42px;height:42px;min-height:42px;padding:10px;border-radius:12px}.account-header-tools>a{font-size:.75rem}.account-header-tools>.notifications-toggle[hidden]{display:none!important}@media(max-width:400px){.account-header-tools{gap:7px}.account-header-tools>a{font-size:.62rem;padding:9px 10px}.account-header-tools .notifications-toggle{width:36px;min-width:36px;height:40px;padding:8px}.account-brand{font-size:.62rem}.account-brand img{width:30px;height:30px}}

.menu-account #admin-nav{width:auto!important;max-width:none!important;min-width:0;justify-self:stretch}.menu-account #theme:after{content:""}.menu-account .theme-label{display:inline}.topbar #menu-button>span{flex:0 0 1.5px;min-height:1.5px}.topbar #menu-button[aria-expanded=true]>span:first-child{transform:translateY(3.25px) rotate(45deg)}.topbar #menu-button[aria-expanded=true]>span:last-child{transform:translateY(-3.25px) rotate(-45deg)}

.notifications-toggle>svg{flex:0 0 20px;min-width:20px;width:20px;height:20px}.notifications-toggle>.notice-count{position:absolute!important;right:-5px;top:-5px;transform:none;z-index:2}

.notifications-toggle{overflow:visible!important}/* The badge may overflow; the oversized button shine must never do so. */
.notifications-toggle::after{display:none!important}

/* Main sections stay centered; only account controls live inside the dropdown. */
.topbar{display:grid!important;grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);align-items:center;gap:14px}.topbar>.nav{display:flex!important;justify-content:center;align-items:center;gap:6px;min-width:0}.topbar>.nav>a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 12px;border-radius:12px;font-size:.72rem;white-space:nowrap}.topbar>.nav svg{width:16px;height:16px;flex:none}.topbar .nav-tools{justify-self:end;gap:7px;margin:0}.topbar .nav-tools>.btn-3d{width:auto;min-width:42px;height:42px;min-height:42px;padding:9px 11px;gap:7px;font-size:.66rem;flex-direction:row;white-space:nowrap}.topbar .nav-tools .tool-label{display:inline;position:relative;flex:none}.topbar #menu-button>span{flex:none;min-height:0;transform:none!important}.menu-lines{display:flex!important;flex-direction:column;gap:5px;width:17px!important;height:9px!important}.menu-lines>i{width:17px;height:1.5px;background:currentColor;display:block;transition:transform .25s}.hamburger[aria-expanded=true] .menu-lines>i:first-child{transform:translateY(3.25px) rotate(45deg)}.hamburger[aria-expanded=true] .menu-lines>i:last-child{transform:translateY(-3.25px) rotate(-45deg)}.mobile-nav .menu-account{grid-template-columns:1fr;margin:0;padding:0;border:0;gap:10px}.menu-account #theme{grid-column:auto}.mobile-nav{width:min(310px,calc(100vw - 24px))}.topbar .notifications-toggle svg{flex:none}.topbar .brand{min-width:0}.topbar .brand-label{font-size:clamp(.6rem,1vw,.85rem)}
@media(max-width:1150px){.topbar{grid-template-columns:minmax(50px,1fr) auto;gap:9px;padding-block:10px}.topbar>.nav{grid-column:1/-1;grid-row:2;gap:8px;width:100%}.topbar>.nav>a{flex:1;max-width:180px;min-width:0;font-size:.72rem}.topbar>.nav svg{width:16px;height:16px}.topbar .nav-tools{grid-column:2;grid-row:1}.topbar .brand-label{max-width:none}.topbar .nav-tools>.btn-3d{font-size:.66rem;padding:9px 10px}}
@media(max-width:480px){.topbar{gap:8px;padding:9px 10px;border-radius:19px}.topbar>.nav{gap:5px}.topbar>.nav>a{gap:4px;padding:8px 5px;font-size:.59rem;min-height:36px}.topbar>.nav svg{width:13px;height:13px}.topbar .brand-label{display:none}.topbar .brand-mark{width:34px;height:34px}.topbar .nav-tools{gap:5px}.topbar .nav-tools>.btn-3d{padding:8px 7px;font-size:.57rem;gap:5px;min-width:0;min-height:36px;height:36px;border-radius:10px}.topbar .nav-tools>.btn-3d>svg{width:16px;min-width:16px;height:16px;flex-basis:16px}.topbar .menu-lines{width:14px!important}.menu-lines>i{width:14px}.mobile-nav .btn-3d{font-size:.76rem}.topbar .cart-count{right:-4px;top:-5px}}
@media(prefers-reduced-motion:reduce){.menu-lines>i{transition:none}}

.topbar #menu-button>.tool-label{background:none;width:auto;height:auto;min-height:0;display:inline}.topbar #menu-button>.menu-lines{background:none;flex:0 0 17px;height:9px!important;min-height:9px}.topbar #menu-button>.menu-lines>i{flex:0 0 1.5px;min-height:1.5px}

@media(max-width:380px){.topbar{grid-template-columns:minmax(32px,1fr) auto;gap:6px;padding-inline:9px}.topbar .brand{width:32px;max-width:32px}.topbar .brand>.logo{width:32px;height:32px;min-width:32px;flex:0 0 32px}.topbar .nav-tools{gap:4px;min-width:0}.topbar .nav-tools>.btn-3d{font-size:.54rem;padding:8px 4px;gap:4px}.topbar .nav-tools>.btn-3d>svg{width:14px;min-width:14px;height:14px;flex-basis:14px}.topbar #menu-button>.menu-lines{width:14px!important;flex-basis:14px}.topbar>.nav{gap:4px}.topbar>.nav>a{flex:1 1 auto;padding:7px 3px;font-size:.55rem;gap:3px;max-width:none}.topbar>.nav svg{width:12px;height:12px}.topbar>.nav>a>span{flex:none}}

/* Full navigation on desktop; compact toolbar and section menu below 1024px. */
.topbar #notifications-toggle,.topbar #cart-toggle{width:42px;min-width:42px;max-width:42px;padding:10px;flex:0 0 42px;justify-content:center}.topbar #notifications-toggle>svg,.topbar #cart-toggle>svg{width:20px;min-width:20px;height:20px;flex:0 0 20px}.responsive-menu-pages{display:none}.topbar .nav-tools{gap:8px}.mobile-nav .responsive-menu-pages a{display:flex;align-items:center;justify-content:flex-start;gap:9px;font-size:.76rem}.responsive-menu-pages svg{width:17px;height:17px;flex:0 0 17px}.responsive-menu-pages a>span{width:auto;height:auto;background:none}.responsive-menu-pages{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--borde)}
@media(min-width:1024px){.topbar{grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);padding-block:12px}.topbar>.nav{display:flex!important;grid-column:2;grid-row:1;width:auto;gap:6px}.topbar>.nav>a{flex:none;max-width:none;padding:10px 12px;font-size:.72rem}.topbar .nav-tools{grid-column:3;grid-row:1}.topbar .brand{grid-column:1;grid-row:1}.topbar .brand-label{display:inline}.topbar #menu-button{min-height:42px;height:42px}}
@media(max-width:1023px){.topbar{grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.topbar>.nav{display:none!important}.topbar .nav-tools{grid-column:2;grid-row:1}.topbar .brand{grid-column:1;grid-row:1}.mobile-nav .responsive-menu-pages{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mobile-nav .responsive-menu-pages a{min-height:44px;padding:11px 10px;font-size:.72rem}.mobile-nav .menu-account{margin:0;padding:0;border:0}}
@media(max-width:480px){.topbar{padding:10px 12px;gap:8px}.topbar .nav-tools{gap:7px}.topbar #notifications-toggle,.topbar #cart-toggle{width:38px;min-width:38px;max-width:38px;height:40px;min-height:40px;padding:9px;flex-basis:38px}.topbar #menu-button{height:40px;min-height:40px;padding:9px;font-size:.64rem}.topbar .brand>.logo{width:35px;height:35px;min-width:35px}.topbar .brand{width:auto;max-width:none}.topbar .brand-label{display:none}.mobile-nav .responsive-menu-pages a{font-size:.7rem}}

/* /interface-refinements.css */
/* Keep the page centered independently of the companion. */
.cart-dialog{width:min(1080px,calc(100vw - 24px));max-width:none;padding:clamp(20px,3vw,36px)}.cart-heading{padding-right:42px;margin-bottom:26px}.cart-heading h2{margin:10px 0}.cart-heading>p{max-width:65ch;line-height:1.8}.cart-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:24px;align-items:start}.cart-selection,.cart-summary-panel{min-width:0}.cart-selection h3,.cart-summary-panel h3{font-size:1rem;margin:0 0 16px}.cart-summary-panel{padding:20px;border:1px solid var(--borde);border-radius:18px;background:var(--bg-secundario)}.cart-summary-panel .cart-coupon{margin-top:0}.cart-summary-panel .cart-breakdown{margin:16px 0;padding:16px}.cart-summary-panel .cart-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:18px}.cart-actions .btn-3d{min-width:0;white-space:normal;font-size:.76rem}.cart-line{grid-template-columns:72px minmax(0,1fr);padding:16px;gap:14px}.cart-line>img{width:72px;height:82px;border-radius:12px;object-fit:cover}.cart-item-name{font-size:.88rem;text-align:left;line-height:1.5}.cart-quantity{gap:7px;flex-wrap:wrap}.cart-line-detail{line-height:1.7}.cart-order-request{margin-top:28px;padding-top:26px;border-top:1px solid var(--borde)}.cart-order-request form{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.cart-order-request label{min-width:0}.cart-order-request textarea{min-height:90px}.cart-order-request form>button{grid-column:1/-1;justify-self:start}.cart-dialog .cart-status:empty,.cart-dialog .cart-total:empty{display:none}.cart-dialog .cart-close{position:absolute;right:20px;top:20px}.cart-notes{line-height:1.8}.version-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.version-facts>div,.version-release{border:1px solid #31798c45;border-radius:14px;padding:18px;margin:14px 0}.version-facts dt{font-size:.72rem;color:#9fbdcb}.version-facts dd{margin:8px 0 0;overflow-wrap:anywhere}.version-release li{line-height:1.9;font-size:.8rem}.admin-context .admin-version-badge{margin-top:12px;font-size:.7rem;min-height:32px;padding:8px 12px;align-self:flex-start}.pet-piece-card .quiet{margin-top:12px}.pet-campaign-pieces{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}
@media(max-width:700px){.cart-layout{grid-template-columns:1fr;gap:22px}.cart-dialog{padding:20px 16px}.cart-heading{padding-right:35px}.cart-heading h2{font-size:1.65rem}.cart-summary-panel{padding:16px}.cart-order-request form{grid-template-columns:1fr}.cart-order-request form>button{justify-self:stretch;width:100%}.cart-quantity input{width:48px}.cart-line{padding:12px;gap:10px;grid-template-columns:58px minmax(0,1fr)}.cart-line>img{width:58px;height:72px}.cart-item-name{font-size:.82rem}.cart-summary-panel .cart-actions{grid-template-columns:1fr 1fr}.cart-summary-panel .cart-actions button{font-size:.75rem;padding:10px 8px}.version-facts{grid-template-columns:1fr}.pet-campaign-pieces{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.btn-3d:not(.circle),.loyalty-button,.essence-admin .quiet{font-size:clamp(.75rem,2.9vw,.84rem);line-height:1.4;white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}.mobile-nav .btn-3d,.mobile-nav .responsive-menu-pages a{font-size:.78rem;line-height:1.4}.pet-manager-tabs>button{font-size:.74rem;line-height:1.45;padding:10px 8px}.loyalty-button{font-size:.78rem}.cart-quantity button{font-size:1rem}.cart-quantity .cart-remove{font-size:.75rem}.cart-line-detail,.cart-notes{font-size:.76rem}.cart-order-request form>button{font-size:.8rem}}

.cart-layout.is-empty{grid-template-columns:1fr}.cart-layout.is-empty .cart-summary-panel{display:none}.cart-empty{padding:30px;text-align:center;border:1px dashed var(--borde);border-radius:18px}.cart-empty p{line-height:1.8}.cart-empty a{margin-top:16px}.cart-selection:has(.cart-empty)>h3{display:none}

.cart-layout{grid-template-areas:"selection summary" "request summary"}.cart-selection{grid-area:selection}.cart-summary-panel{grid-area:summary}.cart-layout>.cart-order-request{grid-area:request;margin-top:0}.cart-layout.is-empty{display:block}.cart-layout.is-empty .cart-order-request:not([hidden]){margin-top:24px}@media(max-width:700px){.cart-layout{grid-template-areas:"selection" "summary" "request"}}

.cart-line>.cart-quantity{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center}.cart-quantity>.btn-3d{flex:0 0 44px;width:44px;min-width:44px;padding:8px}.cart-quantity>input{flex:0 0 48px;width:48px}.cart-quantity>.cart-remove{margin-left:auto}@media(max-width:600px){.cart-summary-panel .cart-actions{grid-template-columns:1fr}.cart-heading>p{line-height:1.65;font-size:.8rem}}

.cart-breakdown dd{white-space:nowrap;overflow-wrap:normal}@media(max-width:600px){.cart-summary-panel .cart-breakdown{padding:12px 10px}.cart-breakdown>div{grid-template-columns:minmax(0,1fr) auto;gap:10px}.cart-breakdown dd{font-size:.75rem}.cart-breakdown .cart-grand-total dd{font-size:.86rem}}

.admin-exclusive-feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(160px,240px) minmax(0,1fr);gap:10px 30px;align-items:center;background:radial-gradient(ellipse at 15% 50%,#107b9b22,transparent 65%);border-color:#6698b55c!important}.admin-exclusive-feature>.flow-pet{grid-column:1;grid-row:1/4;width:100%;max-width:240px;height:auto;aspect-ratio:12/13}.admin-exclusive-feature>h4{font-size:1.35rem;margin:0;align-self:end}.admin-exclusive-feature>p{max-width:55ch}.admin-exclusive-feature>button.quiet{justify-self:start;align-self:start;margin:0}@media(max-width:600px){.admin-exclusive-feature{grid-template-columns:1fr;text-align:center;gap:12px}.admin-exclusive-feature>.flow-pet{grid-row:auto;justify-self:center;max-width:210px}.admin-exclusive-feature>button.quiet{justify-self:center}.admin-exclusive-feature>h4{font-size:1.15rem}}

/* Consistent breathing room between independent panels and content blocks. */
.essence-admin main>[data-admin-panel]:not([hidden]){margin-block:22px}
.essence-admin .admin-context{margin-bottom:22px}.essence-admin .management-list,.essence-admin .pet-client-controls{margin-top:22px}
.account-content .account-view>.account-surface+.account-surface{margin-top:22px}
.account-stack{gap:22px}.account-overview-grid{gap:18px}.loyalty-journey,.loyalty-collection,.loyalty-rewards{margin-block:24px}
.contact-heading+.contact-social-selection,.contact-social-selection+.contact-lower{margin-top:clamp(24px,4vw,44px)}
.campaign-heading{margin-bottom:26px}.campaign-heading h2{font-size:clamp(1.4rem,2vw,2rem);line-height:1.3;margin:12px 0}.campaign-heading>p:not(.eyebrow){max-width:70ch;line-height:1.8;color:#9cb8c9}
.campaign-quicklinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.campaign-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}
.essence-admin .campaign-tab{display:grid;grid-template-columns:1fr;justify-items:start;gap:8px;text-align:left;padding:18px 14px;border-radius:14px;background:#101f31;color:#bad0dd;border:1px solid #34546b69;box-shadow:none;min-width:0}
.essence-admin .campaign-tab[aria-pressed="true"]{background:linear-gradient(135deg,#174458,#13283d);border-color:#75cad3;color:#edffff}
.campaign-tab-icon{font-size:1.25rem;color:#8bd8e2}.campaign-tab strong{font-size:.82rem}.campaign-tab small{font-size:.67rem;line-height:1.6;color:#91b0c2}
.campaign-pane[hidden]{display:none!important}.campaign-pane{padding:24px;border:1px solid #35556d69;border-radius:18px;background:#0c1c2d}.campaign-pane>h3{margin:0 0 24px;font-size:1.2rem}
.campaign-pane>.surface{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.campaign-pane>.surface>summary,.campaign-pane>.surface>h2{display:none}
.campaign-pane .countdown-manager-grid{margin-top:0}.campaign-pane form{min-width:0}.campaign-pane .actions{gap:10px;margin-top:24px;flex-wrap:wrap}
.campaign-pane .management-list{display:grid;gap:16px}
.news-heading{max-width:760px;margin-bottom:34px}.news-heading :is(h1,h2){font-size:clamp(2rem,5vw,3.7rem);margin:14px 0}.news-heading p{line-height:1.8;color:var(--muted,#9cb4c6)}
.news-timeline{display:grid;gap:22px;max-width:950px}.news-entry{padding:clamp(22px,3vw,34px);border:1px solid var(--borde,#34516c66);border-radius:18px;background:var(--card,#102139)}.news-entry-meta{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:.72rem;color:var(--muted,#9cb4c6)}.news-entry h3{margin:16px 0;font-size:1.3rem}.news-entry p{white-space:pre-line;line-height:1.85;font-size:.9rem;overflow-wrap:anywhere}
.news-editor-form>fieldset{border:0;padding:0;min-width:0;display:grid;gap:18px}.news-editor-form label{display:grid;gap:8px}.news-editor-form label:has(input[type="checkbox"]){display:flex;align-items:center;gap:10px}.news-editor-form textarea{min-height:80px;resize:vertical}
.news-editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px}.news-editor-layout{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);gap:24px;align-items:start}.news-editor-list{display:grid;gap:10px}.essence-admin .news-list-button{display:grid;gap:8px;text-align:left;padding:16px;background:#0c1c2d;border:1px solid #35556d69;border-radius:12px;color:#c8e4f1;box-shadow:none}.news-list-button[aria-pressed="true"]{border-color:#78cad7}.news-list-button small{font-size:.68rem;color:#8fb1c5}.news-entry-editor{display:grid;gap:16px;padding:22px;border:1px solid #35556d69;border-radius:16px}.news-entry-editor[hidden]{display:none}.news-preview-dialog .news-entry{margin-top:18px}.news-nav-link svg{flex:none}
@media(max-width:850px){.campaign-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.news-editor-layout{grid-template-columns:1fr}.news-editor-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.campaign-pane{padding:18px 12px}.campaign-tabs{gap:9px}.essence-admin .campaign-tab{padding:14px 10px}.campaign-tab strong{font-size:.76rem}.campaign-tab small{font-size:.65rem}.campaign-quicklinks>button{flex:1}.news-entry-editor{padding:16px}.news-editor-toolbar{align-items:flex-start}.news-editor-list{grid-template-columns:1fr}}

.essence-admin .campaign-heading{display:block!important;position:static!important;padding:0!important;margin:0 0 26px!important;border:0!important;background:none!important;box-shadow:none!important}.essence-admin .campaign-heading .eyebrow{margin:0 0 12px}.essence-admin .campaign-heading h2{max-width:24ch}.essence-admin .campaign-heading>p:not(.eyebrow){margin:12px 0 0}

.news-entry{color:#dcebf4}.news-heading p,.news-entry-meta{color:#a0b7c9}:root[data-theme="light"] .news-entry{background:linear-gradient(145deg,#ffffff,#edf5fb);color:#17304b;border-color:#b6cedf}:root[data-theme="light"] .news-heading p,:root[data-theme="light"] .news-entry-meta{color:#496378}.essence-admin .news-preview-dialog .news-entry{color:#dcebf4;background:#102139}

.campaign-pane>h3 .campaign-state{display:inline-block;margin-left:14px;font-size:.68rem;font-weight:500;vertical-align:middle}

/* /design-system.css */
/* Sistema compartido: tienda, cuenta y administración. Los detalles de cada
   producto y las ilustraciones de temporada conservan sus estilos propios. */
:root{
 --flow-space-1:8px;--flow-space-2:12px;--flow-space-3:16px;
 --flow-space-4:24px;--flow-space-5:32px;
 --flow-radius-control:11px;--flow-radius-card:18px;--flow-radius-dialog:22px;
 --flow-panel:var(--bg-secundario,#101e31);--flow-field:var(--bg-principal,#081323);
 --flow-ink:var(--texto,#f1f6ff);--flow-muted:var(--texto-suave,#aabbd0);
 --flow-line:var(--borde,#253a51);--flow-accent:var(--season-accent,var(--celeste,#7ce7f2));
 --flow-ease:cubic-bezier(.2,.75,.2,1);--flow-duration:220ms;
 --flow-danger:#ffb4c5;--flow-danger-bg:#80223922;--flow-danger-line:#ef829b70;
 --flow-success:#a4e7d5;--flow-success-bg:#165c4522;
}
:root[data-theme=light]{--flow-accent:var(--season-accent,#17658b);--flow-danger:#9d2040;--flow-danger-bg:#fce9ef;--flow-danger-line:#bf416066;--flow-success:#17624f;--flow-success-bg:#e2f5ee}
.essence-admin{--flow-panel:var(--panel);--flow-field:#081323;--flow-ink:var(--ink);--flow-muted:var(--muted);--flow-line:var(--line);--flow-accent:var(--cyan);--flow-danger:#ffb4c5;--flow-danger-bg:#80223922;--flow-danger-line:#ef829b70;--flow-success:#a4e7d5;--flow-success-bg:#165c4522;font-family:Inter,system-ui,sans-serif}
/* Shared surfaces and readable information hierarchy. */
:where(.account-surface,.account-overview-intro,.account-overview-pet,.news-entry),
.essence-admin :where(.surface,.campaign-pane,.prep-detail){border-radius:var(--flow-radius-card);border-color:var(--flow-line);padding:clamp(20px,2.5vw,32px)}
:where(.account-overview-card,.account-order-card,.account-notice),
.essence-admin :where(.ops-task,.ops-metric,.ops-movement,.prep-metric,.news-entry-editor){border-radius:var(--flow-radius-card)}
.essence-admin :where(.management-list,.ops-tasks,.ops-movement-list,.prep-workspace,.news-editor-layout){gap:var(--flow-space-4)}
.essence-admin :where(.actions,.ops-toolbar,.campaign-quicklinks){gap:var(--flow-space-2)}
.essence-admin :where(.surface,.campaign-pane,.prep-detail,.draft-dialog) :where(h2,h3,h4){line-height:1.35;text-wrap:balance}
.essence-admin :where(.surface,.campaign-pane,.prep-detail)>p{max-width:75ch;line-height:1.75}
:where(.account-main,.account-content,.account-view,.cart-selection,.cart-summary-panel),
.essence-admin :where(main,[data-admin-panel],form,fieldset,.surface,.split>*,.actions>*){min-width:0}
:where(.news-entry,.account-notice,.account-order-card),.essence-admin :where(.history-event,.ops-task,.ops-movement){overflow-wrap:anywhere}
/* Every form uses the same border, padding, focus and touch size. Native select
   popups and OS dialogs keep their browser controls. */
:where(.account-surface,.cart-dialog,.catalog-filter-dialog) :is(input:not([type=checkbox]):not([type=radio]),select,textarea),
.essence-admin :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){
 max-width:100%;min-width:0;min-height:46px;padding:11px 12px;
 border:1px solid var(--flow-line);border-radius:var(--flow-radius-control);
 background-color:var(--flow-field);color:var(--flow-ink);font-family:inherit;
 transition:border-color var(--flow-duration) var(--flow-ease),box-shadow var(--flow-duration) var(--flow-ease);
}
:where(.account-surface,.cart-dialog,.catalog-filter-dialog),.essence-admin{accent-color:var(--flow-accent)}
:where(.account-surface,.cart-dialog,.catalog-filter-dialog) ::placeholder,
.essence-admin ::placeholder{color:var(--flow-muted);opacity:.85}
:where(.account-surface,.cart-dialog,.catalog-filter-dialog) textarea,
.essence-admin textarea{resize:vertical;line-height:1.65}
:where(.account-surface,.cart-dialog,.catalog-filter-dialog) input[type=file],
.essence-admin input[type=file]{white-space:normal;overflow-wrap:anywhere}
:where(.account-surface,.cart-dialog,.catalog-filter-dialog) input::file-selector-button,
.essence-admin input::file-selector-button{min-height:44px;padding:8px 12px;margin-right:12px;border:1px solid var(--flow-line);border-radius:8px;background:var(--flow-panel);color:var(--flow-ink);font:inherit}
/* A single focus language for keyboard navigation, including selectors. */
:is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--flow-accent);outline-offset:4px;box-shadow:0 0 0 4px color-mix(in srgb,var(--flow-accent) 15%,transparent)}
:where(.btn-3d,.loyalty-button,.account-menu-button),.essence-admin :where(button,.button){border-radius:var(--flow-radius-control);min-height:44px;line-height:1.45;max-width:100%}
.essence-admin :where(button,.button){white-space:normal;overflow-wrap:anywhere}
.essence-admin button:disabled{transform:none;opacity:.5}
:where(.customer-account-page) :is(.password-visibility,.account-text-button,.account-favorite-link){color:var(--flow-accent)}
/* Status messages share semantic colors in both appearance modes. */
.account-status{color:var(--flow-success);background:var(--flow-success-bg)}
.account-status.error,.essence-admin .status.error{color:var(--flow-danger);background:var(--flow-danger-bg);border-color:var(--flow-danger-line)}
/* Dialogs remain inside the usable viewport, even with long content or zoom. */
:where(dialog.cart-dialog,dialog.catalog-filter-dialog,dialog.draft-dialog,dialog.notifications-dialog){max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;border-radius:var(--flow-radius-dialog);scrollbar-gutter:stable}
.essence-admin .draft-dialog{color:var(--flow-ink);background:var(--flow-panel);border-color:var(--flow-line)}
.essence-admin .draft-dialog .actions{margin-top:var(--flow-space-4)}
:where(.price,.cart-total,.cart-breakdown dd,.account-order-total),.essence-admin :where(.prep-metric strong,.ops-metric strong,.ops-stock-change){font-variant-numeric:tabular-nums}
@media(max-width:700px){
 .essence-admin .admin-sidebar{margin-bottom:24px}
 .customer-account-page .account-menu,.account-preview-root.is-mobile .account-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible}
 .customer-account-page .account-menu-button,.account-preview-root.is-mobile .account-menu-button{width:100%;min-width:0;white-space:normal;font-size:.76rem;padding:10px 12px;text-align:center}
 :where(.account-surface,.account-overview-intro,.account-overview-pet,.news-entry),
 .essence-admin :where(.surface,.campaign-pane,.prep-detail){padding:20px 16px}
 .essence-admin :where(.management-list,.ops-tasks,.ops-movement-list,.prep-workspace,.news-editor-layout){gap:20px}
 :where(.account-surface,.cart-dialog,.catalog-filter-dialog) :is(input,select,textarea),
 .essence-admin :is(input,select,textarea){font-size:16px}
 .essence-admin :where(.actions,.ops-toolbar)>button{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
 :where(.account-surface,.cart-dialog,.catalog-filter-dialog) :is(input,select,textarea),
 .essence-admin :is(input,select,textarea){transition:none}
}
@media(forced-colors:active){:is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:Highlight;box-shadow:none}}

/* /season-colors.css */
/* Paletas de temporada compartidas por las vistas públicas y la vista previa del Studio. */
[data-season]{--season-accent:#a9def8;--season-ink:#c7eaff;--season-glow:#55bce32e;--season-solid:#275a78;--season-soft:#15394e;--season-metal:#c5d6df;--season-shine:#f1faff;--season-cutout:#091426;--season-pine:#5a9a96;--season-card:#102d42;--season-border:#5b95b4}
[data-season=halloween]{--season-accent:#d7b0ff;--season-ink:#eddbff;--season-glow:#8855dd33;--season-solid:#9d542a;--season-soft:#473264;--season-metal:#deb4ee;--season-pine:#a69749;--season-card:#2b203f;--season-border:#a482c4}
[data-season=sanvalentin]{--season-accent:#f4b6d0;--season-ink:#ffe0ed;--season-glow:#dc74a236;--season-solid:#a44970;--season-soft:#5a2d49;--season-metal:#e1becb;--season-card:#3a2036;--season-border:#b97f9a}
[data-season=blackfriday]{--season-accent:#bbcfe8;--season-ink:#e2ecfa;--season-glow:#7c9fd436;--season-solid:#293d59;--season-soft:#182a40;--season-metal:#bac7d9;--season-card:#142239;--season-border:#7f98bb}
[data-theme=light][data-season]{--season-accent:#276482;--season-ink:#163f5c;--season-glow:#3a9ec125;--season-solid:#b7d9e8;--season-soft:#e0eff7;--season-metal:#6d91a9;--season-shine:#fff;--season-cutout:#214761;--season-pine:#397a6f;--season-card:#edf7fc;--season-border:#6f9bb4}
[data-theme=light][data-season=halloween]{--season-accent:#75409d;--season-ink:#512371;--season-glow:#8751b627;--season-solid:#e6a568;--season-soft:#e6d8f0;--season-metal:#8b669e;--season-pine:#63713b;--season-card:#f6effb;--season-border:#aa84c2}
[data-theme=light][data-season=sanvalentin]{--season-accent:#a33762;--season-ink:#7e2449;--season-glow:#c75b8825;--season-solid:#e5a3bc;--season-soft:#f5dbe5;--season-metal:#b57d93;--season-card:#fff1f6;--season-border:#c68ca3}
[data-theme=light][data-season=blackfriday]{--season-accent:#36587e;--season-ink:#1c385d;--season-glow:#4c6b9c25;--season-solid:#b4c5da;--season-soft:#dce6f1;--season-metal:#657d9a;--season-card:#edf2fa;--season-border:#869bb7}
[data-season=navidad]{--season-button-a:#21667e;--season-button-b:#264e78}
[data-season=halloween]{--season-button-a:#674091;--season-button-b:#403374}
[data-season=sanvalentin]{--season-button-a:#a43e69;--season-button-b:#74375f}
[data-season=blackfriday]{--season-button-a:#344f70;--season-button-b:#1c3557}
[data-theme=light][data-season]{--season-button-a:var(--season-accent);--season-button-b:color-mix(in srgb,var(--season-accent) 78%,var(--season-ink))}

/* /store-palette.css */
/* The public pages share one palette for surfaces, controls and text. */
:root[data-theme] {
  --store-brand: #3b6cff;
  --store-base: #001240;
  --store-panel: #081c48;
  --store-raised-base: #112b61;
  --store-bar-end: #04102e;
  --store-depth: #020a20;
  --store-ink: #eaf2ff;
  --store-muted: #9fb3d9;
  --store-line: rgb(200 210 230 / 20%);
  --store-blue: #a9bfff;
  --store-action-base: #2b51c4;
  --store-action-deep: #1c3483;
  --store-canvas: var(--store-base);
  --store-surface: var(--store-panel);
  --store-raised: var(--store-raised-base);
  --store-accent: var(--store-blue);
  --store-action: var(--store-action-base);
  --store-action-end: var(--store-action-deep);
  --store-on-action: #fff;
  --store-chrome: color-mix(in srgb, var(--store-surface) 64%, var(--store-raised));
  --store-control: color-mix(in srgb, var(--store-raised) 48%, var(--store-surface));
  --store-selected: color-mix(in srgb, var(--store-action) 24%, var(--store-control));
  --store-nav-control: var(--store-control);
  --store-nav-selected: var(--store-selected);
  --store-accent-line: color-mix(in srgb, var(--store-accent) 55%, var(--store-line));
  --store-title: linear-gradient(125deg, var(--store-ink) 10%, var(--store-accent) 92%);
  --store-wash: color-mix(in srgb, var(--store-accent) 7%, transparent);
  --store-key-light: color-mix(in srgb, var(--store-accent) 9%, transparent);
  --store-plate: linear-gradient(145deg, var(--store-chrome), var(--store-surface) 70%);
  --store-inset: linear-gradient(155deg, var(--store-surface), var(--store-canvas));
  --store-bar: linear-gradient(120deg, var(--store-chrome), var(--store-surface) 58%, var(--store-bar-end));
  --store-button: linear-gradient(155deg, var(--store-key-light), transparent 66%);
  --store-shadow: color-mix(in srgb, var(--store-depth) 26%, transparent);
  --store-control-shadow: 0 2px 8px var(--store-shadow);
  --store-ease: cubic-bezier(.22, .72, .26, 1);

  /* Keep existing components that use the original tokens on the same palette. */
  --bg-principal: var(--store-canvas);
  --bg-secundario: var(--store-surface);
  --superficie: var(--store-raised);
  --glass: var(--store-chrome);
  --profundidad: var(--store-depth);
  --texto: var(--store-ink);
  --texto-suave: var(--store-muted);
  --borde: var(--store-line);
  --celeste: var(--store-accent);
  --cian: var(--store-accent);
  --azul: var(--store-brand);
  --gradiente: var(--store-title);
  --flow-panel: var(--store-surface);
  --flow-field: var(--store-canvas);
  --flow-ink: var(--store-ink);
  --flow-muted: var(--store-muted);
  --flow-line: var(--store-line);
  --flow-accent: var(--store-accent);
}

:root[data-theme="light"] {
  --store-base: #e1e8f5;
  --store-panel: #edf1fa;
  --store-raised-base: #f3f6fc;
  --store-bar-end: #d6e0f1;
  --store-depth: #536788;
  --store-ink: #14284f;
  --store-muted: #425676;
  --store-line: rgb(38 62 109 / 22%);
  --store-blue: #28458e;
  --store-action-base: #2446ae;
  --store-action-deep: #1d327b;
  --store-control: color-mix(in srgb, var(--store-bar-end) 52%, var(--store-surface));
  --store-selected: color-mix(in srgb, var(--store-accent) 13%, var(--store-control));
  --store-key-light: rgb(255 255 255 / 52%);
  --store-shadow: color-mix(in srgb, var(--store-depth) 15%, transparent);
}
:root[data-theme][data-season] {
  --store-canvas: color-mix(in srgb, var(--store-base) 93%, var(--season-solid));
  --store-surface: color-mix(in srgb, var(--store-panel) 84%, var(--season-card));
  --store-raised: color-mix(in srgb, var(--store-raised-base) 79%, var(--season-soft));
  --store-accent: color-mix(in srgb, var(--store-blue) 44%, var(--season-accent));
  --store-action: color-mix(in srgb, var(--store-action-base) 68%, var(--season-button-a));
  --store-action-end: color-mix(in srgb, var(--store-action-deep) 72%, var(--season-button-b));
}

:root[data-theme] body {
  background-color: var(--store-canvas);
  background-image: radial-gradient(ellipse at 85% 0, var(--store-wash), transparent 58%);
  background-repeat: no-repeat;
  background-size: 100% min(56rem, 120svh);
  color: var(--store-ink);
}
:root[data-theme] :is(.topbar, .mobile-nav, .account-header, .notifications-panel, .notifications-dialog, .campaign-countdown, .season-ribbon) {
  background-color: var(--store-chrome);
  background-image: var(--store-bar);
  color: var(--store-ink);
  border-color: var(--store-line);
}
:root[data-theme] :is(.topbar, .account-header) {
  border: 1px solid var(--store-line);
  border-radius: 999px;
  box-shadow: inset 0 1px 0 var(--store-key-light), 0 10px 26px var(--store-shadow);
}
:root[data-theme] .account-header {
  width: min(calc(100% - 2rem), 80rem);
  margin: max(1rem, env(safe-area-inset-top)) auto 0;
  padding: .65rem clamp(.75rem, 2vw, 1.2rem);
}
:root[data-theme] .account-brand img {
  border-radius: 50%;
}
:root[data-theme] body > footer {
  background: linear-gradient(158deg, var(--store-canvas), var(--store-surface) 52%, var(--store-bar-end));
  color: var(--store-muted);
  border-top: 1px solid var(--store-line);
}
:root[data-theme] .footer-top {
  background: transparent;
  align-items: center;
}
:root[data-theme] .copyright {
  border-color: var(--store-line);
  color: var(--store-muted);
}
:root[data-theme] .account-footer {
  width: min(calc(100% - 2rem), 72.5rem);
  margin-block: 1.5rem max(1rem, env(safe-area-inset-bottom));
  border: 1px solid var(--store-line);
  border-radius: 18px;
}
@media (min-width: 768px) {
  :root[data-theme] .footer-top {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  :root[data-theme] .footer-top .socials {
    grid-column: auto;
    justify-content: end;
  }
}
@media (max-width: 600px) {
  :root[data-theme] :is(.topbar, .account-header) { border-radius: 24px; }
  :root[data-theme] .account-header { gap: .5rem; }
  :root[data-theme] .account-header-tools { gap: .4rem; }
}
@media (max-width: 480px) {
  :root[data-theme] .topbar :is(#notifications-toggle, #cart-toggle) {
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    flex-basis: 44px;
  }
  :root[data-theme] .topbar :is(#notifications-toggle, #cart-toggle, #menu-button) {
    height: 44px;
    min-height: 44px;
  }
}
:root[data-theme] .shop {
  background: linear-gradient(180deg, transparent, var(--store-wash) 20rem, transparent 55rem);
}
:root[data-theme] :is(.modal-panel, .cart-dialog, .catalog-filter-dialog, .news-entry) {
  background-color: var(--store-surface);
  background-image: linear-gradient(155deg, var(--store-wash), transparent 22rem);
  color: var(--store-ink);
  border-color: var(--store-line);
}
:root[data-theme] :is(.product, .benefit, .floating-value, .milestone, .faq-item, .mini-accessory, .contact-meta, .contact-shell, .contact-welcome, .social-card, .account-surface, .account-overview-intro, .account-overview-pet, .account-overview-card, .maintenance-card) {
  background: var(--store-plate);
  border-color: var(--store-line);
  box-shadow: inset 0 1px 0 var(--store-key-light), 0 12px 28px var(--store-shadow);
}
:root[data-theme] :is(.product-media, .product-gallery-stage, .mini-accessory-media, .cart-line, .account-order-card, .notice-card, .cart-breakdown, .cart-summary-panel, .account-menu, .notice-toolbar) {
  background: var(--store-inset);
  border-color: var(--store-line);
}
:root[data-theme] :is(.account-order-badge, .account-order-callout, .account-notice.is-unread, .notice-card.is-unread, .cart-progress-forecast) {
  background: linear-gradient(145deg, var(--store-wash), transparent), var(--store-surface);
  border-color: var(--store-line);
}
:root[data-theme] #informacion .mini-accessory-media {
  background: radial-gradient(ellipse at 40% 15%, var(--store-raised), var(--store-canvas) 78%);
}
:root[data-theme] .cart-line {
  border: 1px solid var(--store-line);
  border-radius: 14px;
}
:root[data-theme] :is(.hero-copy h1, .section :is(h1,h2), .product-body h3, .news-entry h3, .account-main h1, .maintenance-card h1) {
  color: var(--store-ink);
}
:root[data-theme] :is(.hero-copy .welcome, .section-head p, .about-copy p, .contact-heading p, .news-entry p, .news-entry-meta, .account-main > .muted, .maintenance-card p, .maintenance-card small, .maintenance-scene footer) {
  color: var(--store-muted);
}
:root[data-theme] .gradient {
  background-image: var(--store-title);
}
:root[data-theme] #contacto {
  background: linear-gradient(165deg, transparent, var(--store-wash) 15rem, transparent 36rem);
  border-top-color: transparent;
}
:root[data-theme] #contacto .contact-shell {
  background: var(--store-inset);
}
:root[data-theme] #contacto :is(.social-card, .contact-meta) {
  background: var(--store-plate);
  border-color: var(--store-line);
  box-shadow: inset 0 1px 0 var(--store-key-light), var(--store-control-shadow);
}
:root[data-theme] :is(.social-symbol, .contact-meta .icon, .social-action > span, .benefit-icon, .floating-value .icon) {
  color: var(--store-accent);
  border-color: var(--store-accent-line);
  background: var(--store-button), var(--store-control);
  box-shadow: var(--store-control-shadow);
}
:root[data-theme] .benefit-icon {
  display: grid;
  place-items: center;
  inline-size: 2rem;
  block-size: 2rem;
  flex: none;
  border-radius: .55rem;
  font-size: 1.12rem;
  line-height: 1;
}
:root[data-theme] #home .art-label {
  background: var(--store-plate);
  border-color: var(--store-line);
  box-shadow: var(--store-control-shadow);
  color: var(--store-ink);
}
:root[data-theme] .season-greeting {
  background: var(--store-plate);
  border-color: var(--store-accent-line);
  border-inline-start-color: var(--store-accent);
  box-shadow: var(--store-control-shadow);
}
:root[data-theme] .season-greeting > span { color: var(--store-accent); }
:root[data-theme] .season-greeting > strong { color: var(--store-ink); }
:root[data-theme] #contacto :is(.social-handle, .social-card > p, .contact-signature, .social-hub-note) {
  color: var(--store-muted);
}
:root[data-theme] #contacto .social-motion { color: var(--store-accent); }
:root[data-theme] .hero::before,
:root[data-theme] .hero::after {
  background: var(--store-accent);
}
:root[data-theme] .maintenance-scene {
  background: radial-gradient(ellipse at 50% 10%, color-mix(in srgb, var(--store-accent) 12%, transparent), transparent 65%);
}
:root[data-theme] :is(.eyebrow, .hero-copy #slogan, .price, .contact-overline, .social-kicker, .social-action, .contact-signature strong, .mini-interact, .contact-orbit, .faq-question span:last-child, .maintenance-eyebrow, .maintenance-recovery) {
  color: var(--store-accent);
}
:root[data-theme] .eyebrow::before {
  background: var(--store-accent);
}

/* Use the same roles for primary, secondary, selected and disabled controls. */
:root[data-theme] :is(.btn-3d, .favorite-toggle, .product-gallery-thumb, .maintenance-actions a, .maintenance-actions button, .ribbon-pause) {
  background-color: var(--store-control);
  background-image: var(--store-button);
  color: var(--store-ink);
  border-color: var(--store-line);
  --control-shadow: var(--store-control-shadow);
}
:root[data-theme] :is(.btn-3d.primary, .filters button[aria-pressed="true"], .maintenance-actions .primary) {
  background-color: var(--store-action);
  background-image: linear-gradient(145deg, var(--store-action), var(--store-action-end));
  color: var(--store-on-action);
  border-color: var(--store-accent-line);
}
:root[data-theme] :is(.footer-links a.active, .account-menu-button.is-current, .account-auth-tabs [aria-pressed="true"], .catalog-selections [aria-pressed="true"], .favorite-toggle[aria-pressed="true"], .product-gallery-thumb[aria-pressed="true"], .faq-question[aria-expanded="true"]) {
  background-color: var(--store-selected);
  color: var(--store-ink);
  border-color: var(--store-accent-line);
}
:root[data-theme] :is(.topbar, .mobile-nav, .account-header) .btn-3d:not(.primary, .active) {
  background-color: var(--store-nav-control);
}
:root[data-theme] :is(.topbar .nav a.active, .mobile-nav a.active) {
  background-color: var(--store-nav-selected);
  color: var(--store-ink);
  border-color: var(--store-accent-line);
}
:root[data-theme] :is(.btn-3d:disabled, .btn-3d[aria-disabled="true"], .favorite-toggle:disabled, .filters .coming-soon .soon-label) {
  color: var(--store-muted);
}
:root[data-theme] :is(.btn-3d:disabled, .btn-3d[aria-disabled="true"], .favorite-toggle:disabled) {
  background: var(--store-canvas);
  border-color: var(--store-line);
  --control-shadow: 0 0 transparent;
  cursor: default;
}
:root[data-theme] .faq-question:focus-visible {
  outline-offset: -5px;
}
:root[data-theme] :is(.cart-item-name, .account-text-button, .password-visibility) {
  color: var(--store-accent);
  text-underline-offset: .22em;
}
:root[data-theme] .cart-remove {
  color: var(--flow-danger);
  text-underline-offset: .22em;
}
:root[data-theme] .filters .coming-soon .soon-label {
  font-size: .68rem;
}
:root[data-theme] :is(.account-surface, .catalog-filter-dialog, .cart-dialog) :is(input:not([type=checkbox], [type=radio]), select, textarea) {
  background-color: var(--store-canvas);
  border-color: var(--store-line);
  color: var(--store-ink);
}
:root[data-theme] :is(.topbar .cart-toggle .cart-count, .notice-count) {
  background: var(--store-action);
  color: var(--store-on-action);
  border-color: var(--store-chrome);
}

@keyframes store-header-arrive {
  from { opacity: .86; translate: 0 -4px; }
  to { opacity: 1; translate: 0 0; }
}
@keyframes store-notices-enter {
  from { opacity: .5; translate: 5px -4px; }
  to { opacity: 1; translate: 0 0; }
}

@media (prefers-reduced-motion: no-preference) {
  :root[data-theme] :is(.topbar, .account-header) {
    animation: store-header-arrive 240ms var(--store-ease);
  }
  :root[data-theme] .notifications-panel:not([hidden]) { animation: store-notices-enter 200ms var(--store-ease) both; }
  :root[data-theme] :is(.btn-3d, .favorite-toggle, .product-gallery-thumb, .account-menu-button, .faq-question, .maintenance-actions a, .maintenance-actions button, .ribbon-pause, .cart-item-name, .cart-remove, .account-text-button, .password-visibility) {
    transition: transform 190ms var(--store-ease), background-color 190ms var(--store-ease), color 190ms var(--store-ease), border-color 190ms var(--store-ease), box-shadow 190ms var(--store-ease) !important;
  }
  :root[data-theme] :is(a.social-card, .account-overview-card, button.mini-accessory, .contact-meta) {
    transition: transform 220ms var(--store-ease), border-color 220ms var(--store-ease), box-shadow 220ms var(--store-ease);
  }
  :root[data-theme] :is(.btn-3d, .favorite-toggle, .product-gallery-thumb, .account-menu-button, .faq-question, a.social-card, .account-overview-card, .maintenance-actions a, .maintenance-actions button):not(:disabled, [aria-disabled="true"]):active {
    scale: .985;
  }
}

@media (forced-colors: active) {
  :root[data-theme] .gradient { color: CanvasText; }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  :root[data-theme] :is(.btn-3d.primary, .maintenance-actions .primary):not(:disabled, [aria-disabled="true"]):hover {
    translate: 0 -2px;
  }
  :root[data-theme] :is(.btn-3d, .favorite-toggle, .product-gallery-thumb, .account-menu-button, .maintenance-actions a) {
    transition: transform 190ms var(--store-ease), translate 190ms var(--store-ease), scale 190ms var(--store-ease), background-color 190ms var(--store-ease), color 190ms var(--store-ease), border-color 190ms var(--store-ease), box-shadow 190ms var(--store-ease) !important;
  }
  :root[data-theme] .favorite-toggle:not(:disabled):hover { scale: 1.075; }
  :root[data-theme] .product-gallery-thumb:not(:disabled):hover { translate: 0 -2px; }
  :root[data-theme] .filter-button:not(:disabled, [aria-disabled="true"]):hover { scale: 1.025; }
  :root[data-theme] .account-menu-button:not(.is-current):hover { translate: 2px 0; }
  :root[data-theme] :is(.card-3d, .mini-accessory, .news-entry, .account-surface, .account-overview-card, .account-order-card, .cart-line, .notice-card, .maintenance-card) {
    transition: transform 210ms var(--store-ease), translate 210ms var(--store-ease), opacity 210ms var(--store-ease), border-color 210ms var(--store-ease), box-shadow 210ms var(--store-ease);
  }
  :root[data-theme] .product-media img { transition: transform 270ms var(--store-ease); }
  :root[data-theme] :is(a.social-card, .account-overview-card, .mini-accessory):hover { translate: 0 -3px; }
  :root[data-theme] :is(.product, .benefit, .floating-value, .news-entry, .account-overview-card, .account-order-card, .cart-line, .notice-card):hover {
    border-color: var(--store-accent-line);
  }
  :root[data-theme] :is(.mobile-nav, .account-menu) .btn-3d:not(.primary, :disabled, [aria-disabled="true"]):hover {
    background-color: var(--store-selected);
  }
}
@media (hover: hover) and (pointer: fine) {
  :root[data-theme] :is(.btn-3d, .favorite-toggle, .product-gallery-thumb, .maintenance-actions a, .maintenance-actions button, .ribbon-pause):not(:disabled):not([aria-disabled="true"]):hover {
    border-color: var(--store-accent);
  }
  :root[data-theme] :is(.faq-question, .account-menu-button:not(.is-current)):hover {
    background-color: var(--store-wash);
  }
  :root[data-theme] :is(.cart-item-name, .cart-remove, .account-text-button, .password-visibility):hover {
    text-decoration: underline;
  }
}

/* Extras de catálogo y áreas compartidas de la cuenta. */
.collection-actions, .product-alternatives {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}
.collection-actions { margin-block: .65rem; }
.product-unavailable-actions {
  grid-column: 1 / -1;
  margin-block-start: 1.25rem;
  padding: 1rem;
  border: 1px solid var(--store-line);
  border-radius: 16px;
  background: var(--store-plate);
}
.product-unavailable-actions h3 { margin-block: .75rem .5rem; }
.product-alternatives { list-style: none; margin: 0; padding: 0; }
.product-alternatives .btn-3d { max-width: 100%; white-space: normal; }
.favorite-share[open] { display: grid; gap: .85rem; }
.favorite-share input { width: 100%; }
.account-extra { margin-block-start: 1.25rem; }
.account-extra select { width: 100%; }
.account-extra .account-order-card textarea { margin-block-start: .4rem; }
.account-header .logo img { width: 100%; height: 100%; }
.info-guide {
  display: grid;
  gap: clamp(.75rem, 1.5vw, 1.25rem);
  padding: clamp(.9rem, 3.5vw, 2.5rem);
  border: 1px solid var(--store-line);
  border-radius: clamp(18px, 3vw, 32px);
  background: radial-gradient(ellipse at 5% 0, var(--store-wash), transparent 65%), var(--store-inset);
}
.info-guide-heading { padding: .35rem .15rem .5rem; }
.info-guide-heading h3 { font-size: clamp(1.55rem, 1.1rem + 2vw, 2.65rem); line-height: 1.15; text-wrap: balance; }
.info-guide-heading p { max-width: 58ch; margin-block-start: .7rem; }
.info-guide-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: inherit; }
.info-guide .card-3d, .info-guide-help {
  padding: clamp(1rem, 2.6vw, 1.6rem);
  border-color: var(--store-line);
  background: var(--store-plate);
  box-shadow: inset 0 1px 0 var(--store-key-light), var(--store-control-shadow);
}
.info-guide h4 { margin: 0; font-size: clamp(1rem, .9rem + .45vw, 1.3rem); line-height: 1.3; }
.info-guide :is(p, li, dd) { color: var(--store-muted); font-size: .9rem; line-height: 1.65; }
.info-guide-fit { display: flex; flex-direction: column; align-items: start; }
.info-guide-fit .info-guide-label { margin-block-start: .3rem; color: var(--store-accent); font-size: .76rem; font-weight: 650; }
.info-guide-fit ol { margin-block: .8rem 1rem; padding-inline-start: 1.3rem; }
.info-guide-fit li + li { margin-block-start: .5rem; }
.info-guide-fit li::marker { color: var(--store-accent); font-weight: 700; }
.info-guide-fit .info-guide-tip {
  width: 100%;
  margin-block-start: auto;
  padding: .7rem .8rem;
  border-inline-start: 2px solid var(--store-accent-line);
  border-radius: 8px;
  background: var(--store-inset);
  font-size: .82rem;
}
.info-guide-tip strong { color: var(--store-ink); }
.info-guide-care dl { display: grid; gap: .8rem; margin-block: .9rem 0; }
.info-guide-care dl > div { padding-block-start: .75rem; border-top: 1px solid var(--store-line); }
.info-guide-care dt { font-size: .87rem; font-weight: 700; color: var(--store-ink); }
.info-guide-care dd { margin: .25rem 0 0; }
.info-guide-help { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .9rem 1.25rem; border: 1px solid var(--store-line); border-radius: 16px; }
.info-guide-help > div:first-child { flex: 1 1 21rem; min-width: 0; }
.info-guide-help p { margin-block-start: .3rem; }
.info-guide-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
@media (min-width: 650px) {
  .info-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .info-guide-care dl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 450px) {
  .info-guide-actions, .info-guide-actions .btn-3d { width: 100%; }
}
:root[data-theme] :is(.topbar, .account-header) :is(.notifications-toggle, .cart-toggle) { position: relative; overflow: visible; }
:root[data-theme] :is(.topbar, .account-header) :is(.notice-count, .cart-count) {
  inset-block-start: 0;
  inset-inline-end: 0;
  border-radius: 999px;
  transform: none;
}
:root[data-theme] .topbar :is(#menu-button, #cart-toggle, #notifications-toggle) > svg,
:root[data-theme] .account-header .notifications-toggle > svg { display: block; flex: none; }
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  :root[data-theme] :is(.topbar, .account-header) .btn-3d:hover:not(:disabled) {
    translate: 0 -2px;
    border-color: var(--store-accent-line);
  }
  :root[data-theme] .info-guide-grid .card-3d:hover { translate: 0 -3px; }
}

:root[data-theme] .modal-panel { padding-block-start: .45rem; }
:root[data-theme] .modal-toolbar {
  position: sticky;
  z-index: 6;
  top: 0;
  display: flex;
  justify-content: flex-end;
  padding: .35rem 0 .55rem;
  margin-block-end: .5rem;
  background: var(--store-surface);
  border-bottom: 1px solid var(--store-line);
}
:root[data-theme] .modal-toolbar .modal-close {
  position: static;
  margin: 0;
}

/* /shop-motion.css */
/* Button hierarchy and motion share the active season's palette. */
:root[data-theme] .btn-3d:not(.circle, .product-gallery-thumb) {
  border-radius: 13px !important;
  font-weight: 700;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--store-ink) 15%, transparent),
              0 4px 10px var(--store-shadow) !important;
}
:root[data-theme] .btn-3d.primary:not(:disabled, [aria-disabled="true"]) {
  background-image: linear-gradient(155deg,
    color-mix(in srgb, var(--store-action) 86%, var(--store-on-action)),
    var(--store-action) 37%, var(--store-action-end));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--store-on-action) 35%, transparent),
              0 5px 14px var(--store-shadow) !important;
}
:root[data-theme] .btn-3d:is(:disabled, [aria-disabled="true"]) { box-shadow: none !important; }
:root[data-theme] :is(.btn-3d, .topbar .nav a, .favorite-toggle, .product-gallery-thumb):focus-visible {
  outline: 2px solid var(--store-accent);
  outline-offset: 3px;
}
:root[data-theme] .topbar .nav a.active {
  box-shadow: inset 0 -2px 0 var(--store-accent);
}
@keyframes shop-menu-item-in {
  from { opacity: .45; translate: 0 -9px; }
  to { opacity: 1; translate: 0 0; }
}
@keyframes shop-dialog-in {
  from { opacity: .6; translate: 0 16px; scale: .985; }
  to { opacity: 1; translate: 0 0; scale: 1; }
}
@media (prefers-reduced-motion: no-preference) {
  :root[data-theme] :is(.topbar, .account-header) {
    animation-duration: 360ms;
    transition: box-shadow 260ms var(--store-ease), border-color 260ms var(--store-ease);
  }
  :root[data-theme] .topbar.compact {
    box-shadow: 0 9px 25px var(--store-shadow) !important;
  }
  :root[data-theme] .mobile-nav {
    transform: translateY(-13px) scale(.96);
    transition: opacity 180ms ease-out, transform 180ms var(--store-ease);
  }
  :root[data-theme] .mobile-nav.is-open { transform: none; transition-duration: 240ms, 300ms; }
  :root[data-theme] .mobile-nav.is-open :is(.menu-pages,.menu-account) > .btn-3d:not([hidden]) {
    animation: shop-menu-item-in 280ms var(--store-ease) both;
  }
  :root[data-theme] .mobile-nav.is-open .menu-pages > :nth-child(2n) { animation-delay: 30ms; }
  :root[data-theme] .mobile-nav.is-open .menu-pages > :nth-child(n+3) { animation-delay: 60ms; }
  :root[data-theme] .mobile-nav.is-open .menu-account > .btn-3d { animation-delay: 85ms; }
  :root[data-theme] :is(.modal:not([hidden]) .modal-panel, dialog[open]) {
    animation: shop-dialog-in 320ms var(--store-ease) both;
  }
  :root[data-theme] .topbar .nav a {
    transition: translate 230ms var(--store-ease), background-color 230ms ease, box-shadow 230ms ease;
  }
  :root[data-theme] :is(.btn-3d, .topbar .nav a):not(:disabled, [aria-disabled="true"]):active {
    translate: 0 2px;
  }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  :root[data-theme] :is(.btn-3d, .topbar .nav a):not(:disabled, [aria-disabled="true"]):hover {
    translate: 0 -3px;
  }
  :root[data-theme] :is(.btn-3d, .topbar .nav a):not(:disabled, [aria-disabled="true"]):active {
    translate: 0 2px;
  }
  :root[data-theme] :is(.product, .benefit, .mini-accessory, .news-entry, .account-overview-card,
    .account-order-card, .cart-line, .notice-card, .contact-meta):hover {
    translate: 0 -5px;
    border-color: var(--store-accent-line);
  }
  :root[data-theme] .product-media img { transition: transform 360ms var(--store-ease); }
  :root[data-theme] .product:hover .product-media img { transform: scale(1.055); }
}