/* Vista previa REXCON: cobalto, tinta y amarillo mineral. */
:root{--navy:#101f43;--blue:#3265ed;--orange:#ffcc32;--muted:#a6b7d2;--line:#33476b}
body{font-family:Inter,"Avenir Next",Arial,sans-serif;background:#0a1226;color:#edf2ff}
body::before{background:radial-gradient(ellipse at 5% 10%,#254fad55,transparent 48%),radial-gradient(ellipse at 96% 55%,#534cb52a,transparent 40%),linear-gradient(150deg,#101c37,#0a1226 75%)}
main::before{opacity:.045;transform:rotate(-16deg);background-size:min(900px,95vw) auto}
.topline{background:#080f21;border-bottom:1px solid #ffffff12;padding-top:10px;padding-bottom:10px;font-size:.75rem;color:#b6c5df}
.topline span:last-child{color:#879cbd}
header{background:#111e36c9;border-color:#ffffff10;box-shadow:none;padding-top:18px;padding-bottom:18px;gap:24px}
header .logo{width:64px;height:80px;border-radius:12px}
.header-label{display:block;margin-left:0;font-size:.75rem;letter-spacing:.18em;color:#b8c7e0}
.contact-whatsapp{background:#162e39;border:1px solid #48dbaa55;color:#93f2c9;border-radius:50px;box-shadow:none;padding:13px 19px;animation:none}
.contact-whatsapp strong{font-size:.9rem}.contact-whatsapp svg{width:23px;height:23px}
main{max-width:1660px;padding-top:32px}
.intro{padding:38px 40px;margin-bottom:36px;border:1px solid #5b83f354;border-radius:24px;background:radial-gradient(ellipse at 85% 0%,#5685ff55,transparent 65%),linear-gradient(115deg,#182f60,#1d459b 68%,#233a76);box-shadow:0 20px 60px #0002;align-items:center;min-height:205px}
.intro::before{background-size:330px auto;opacity:.13;background-position:80% 44%;transform:rotate(12deg)}
.intro .eyebrow{color:#ffdb68;font-size:.75rem;letter-spacing:.2em;margin-bottom:14px}
.intro h1{font-size:clamp(2rem,3.7vw,3.65rem);font-weight:750;letter-spacing:-.055em;max-width:690px;line-height:1.05;text-wrap:balance}
.intro h1 span{color:#ffcf32}
.shipping-message{display:inline-flex;align-items:center;gap:9px;margin-top:22px;padding:8px 13px;border:1px solid #bcd0ff40;border-radius:30px;background:#122d644d;color:#e1ecff;font-size:.875rem;font-weight:500}
.shipping-message::before{content:"";width:7px;height:7px;border-radius:50%;background:#ffcf32;box-shadow:0 0 14px #ffcf3270}
.intro .price-note{border-left:2px solid #ffcf32;color:#d7e4ff;font-size:.875rem;line-height:1.8;min-width:205px}
.catalog-layout{grid-template-columns:210px minmax(0,1fr);gap:30px}
.sidebar-controls{background:#13223b9c;border:1px solid #ffffff12;border-radius:18px;padding:20px 10px;backdrop-filter:blur(16px)}
.nav-title{color:#8fa5c7;font-size:.7rem;letter-spacing:.16em;padding:0 12px}
nav{gap:6px}nav button{padding:13px 12px;border-radius:10px;color:#bdcbe0;font-size:.875rem;transition:background .2s,color .2s}
nav button:hover{background:#253a60;color:#fff}
nav button.active,nav button.active:hover{background:#ffcf32;color:#14213c;border:0;padding-left:12px;box-shadow:0 6px 20px #ffcf3212}
nav small{font-variant-numeric:tabular-nums;opacity:.8}
.sidebar-note{margin:24px 10px 0;padding-top:20px;color:#9cafcc;border-color:#ffffff15}.orange-rule{background:#ffcf32}
.sidebar-brand{border:1px solid #ffffff14;background:radial-gradient(ellipse at 100% 100%,#3b59ad70,transparent 70%),linear-gradient(150deg,#192c4d,#101d36);box-shadow:none;min-height:280px;border-radius:18px;padding:26px 20px}
.sidebar-brand img{width:64px;height:80px}.sidebar-brand-copy{font-size:1.25rem;gap:7px;line-height:1.35;margin-top:25px}.sidebar-brand-copy strong{color:#ffcf32}.sidebar-brand-line{background:#ffcf32;width:36px;height:3px}.sidebar-brand::before{opacity:.05}
.section-heading{background:transparent;backdrop-filter:none;border:0;padding:4px 0 20px;border-bottom:1px solid #ffffff14;border-radius:0;margin-bottom:10px}
.section-heading h2{font-size:1.35rem;letter-spacing:-.03em}#count{font-size:.8rem;background:#213454;border:1px solid #ffffff10;padding:7px 11px;border-radius:30px;color:#bdcde5;white-space:nowrap}
.grid{gap:22px}
.category-divider{background:none;border:0;padding:18px 0 5px;margin:4px 0 0;color:#99aed0;font-size:.75rem;letter-spacing:.13em;font-weight:600}
.card,.card:nth-child(3n),.card:nth-child(3n+2){padding:9px;border:1px solid #ffffff17;border-radius:18px;background:linear-gradient(145deg,#203451,#17273f);box-shadow:0 8px 20px #0002}
.card .photo,.card:nth-child(3n) .photo,.card:nth-child(3n+2) .photo{aspect-ratio:1/1;border-radius:11px;background:#fff;padding:0}
.card .photo img{inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);object-fit:contain;filter:none;mix-blend-mode:normal}
.card-body{padding:17px 9px 9px}.sku{background:transparent;border:0;color:#a7bfff;font-size:.75rem;letter-spacing:.075em;padding:0;margin-bottom:10px}
.card h3{font-size:.9rem;line-height:1.55;font-weight:600;color:#edf3ff;margin-bottom:20px;overflow-wrap:anywhere}
.card .cost{border-color:#ffffff12;padding-top:14px;margin-bottom:5px;gap:7px}.amount{font-size:1.9rem;letter-spacing:-.04em;color:#ffe080;font-weight:500}.cost small{color:#95a9c5;font-size:.75rem}.meta{font-size:.75rem;color:#a3b7d1;line-height:1.6}
.cart-add{background:#ffcf32;color:#12203d;border:1px solid #ffe079;box-shadow:none;border-radius:9px;min-height:43px;margin-top:17px;font-size:.875rem}
.cart-add:hover{background:#ffe179}.cart-add::before{font-size:1.2rem;font-weight:400}
.photo-reference{background:#172946e6;border:1px solid #ffffff20;font-size:.65rem;border-radius:5px;padding:4px 6px}
.stock{background:#fff0d6;color:#714407;border:1px solid #ead4b1;font-size:.7rem}
.cart-open{background:#ffcf32;color:#101f3c;border:1px solid #ffe992;border-radius:50px;padding:12px 18px 12px 12px;box-shadow:0 12px 40px #0006;gap:12px}
.cart-icon{border-radius:50%;background:#13223b12;width:42px;height:42px}.cart-badge{background:#142746;color:#ffdf70;min-width:32px;height:32px}.cart-open-label strong{font-size:.9rem}.cart-open-label small{font-size:.7rem}
.cart-dialog{background:#14233c;border:1px solid #45618a;border-radius:22px;box-shadow:0 24px 90px #0007}.cart-dialog::backdrop{background:#050c1bcc;backdrop-filter:blur(7px)}
.cart-toolbar{background:#1a2d4c;border-color:#ffffff15}.cart-download{background:#ffcf32;border-color:#ffe080;color:#12203d}.cart-close,.cart-copy{background:#243c5d;border-color:#ffffff20;border-radius:9px}.cart-customer{border-color:#415674;border-radius:12px}.cart-customer input,.cart-quantity input{background:#0e1c33;color:#eaf1ff;border-color:#4a6283;border-radius:8px}.cart-row{border-color:#ffffff15}.cart-send{background:#267d65;border-radius:9px}.cart-message{background:#0e1c33;border-color:#405473;border-radius:9px}.cart-status{background:#1d3559;border-color:#5576a2}
footer{background:#0b152b;border-top:1px solid #ffffff15;color:#9bb0ce;padding-top:32px;padding-bottom:110px}footer img{width:56px;height:70px}
:is(button,a,input):focus-visible{outline:3px solid #ffcf32;outline-offset:4px}
@media(prefers-reduced-motion:no-preference){.intro{animation:premium-in .6s ease both}.card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.card:nth-child(-n+7){animation:premium-in .5s ease both}@media(hover:hover){.card:hover{transform:translateY(-5px);border-color:#6b92d980;box-shadow:0 16px 36px #0004}.cart-add:hover{transform:translateY(-1px);filter:none}.contact-whatsapp:hover{background:#204a45;filter:none}}@keyframes premium-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1050px){.catalog-layout{grid-template-columns:175px minmax(0,1fr);gap:22px}.intro{padding:30px;gap:20px}.intro h1{font-size:2.7rem}.header-label{display:none}.intro .price-note{min-width:170px}.grid{gap:16px}}
@media(max-width:700px){header{padding:14px 5vw}.contact-whatsapp{width:auto;margin-left:auto;padding:10px 12px}.contact-whatsapp strong{font-size:.8rem}header .logo{width:52px;height:65px}.intro{padding:26px 24px;border-radius:19px;min-height:0;margin-bottom:24px}.intro h1{font-size:2.4rem;max-width:410px}.intro .price-note{margin-top:22px;font-size:.8rem}.intro::before{background-position:110% 40%;opacity:.08}.shipping-message{font-size:.8rem;margin-top:18px}.catalog-layout{display:block}.sidebar-controls{padding:14px 8px 6px;border-radius:14px}.nav-title{padding:0 5px;font-size:.65rem}nav button{padding:10px 12px;border:1px solid #ffffff15;font-size:.8rem}nav button.active{padding-left:12px}.section-heading{padding-bottom:16px}.section-heading h2{font-size:1.1rem}#count{font-size:.7rem;padding:6px 8px}.grid{gap:12px}.card,.card:nth-child(3n),.card:nth-child(3n+2){padding:6px;border-radius:14px}.card-body{padding:13px 6px 7px}.card h3{font-size:.8rem;line-height:1.5}.amount{font-size:1.5rem}.card .photo img{inset:8px;width:calc(100% - 16px);height:calc(100% - 16px)}.cart-add{font-size:.8rem;padding:10px 5px}.cart-open{padding:10px 14px 10px 10px}.category-divider{font-size:.7rem}.photo-reference{font-size:.6rem}.meta{font-size:.7rem}.sku{font-size:.7rem}}