/* Global Work: azul, naranja y acentos celestes. Logo original como marca de agua. */
body{background:#eaf2fb;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(125deg,#fff0dd99,transparent 48%,#b8dcf166)}
main{position:relative;isolation:isolate}
main::before{content:"";position:fixed;inset:18% -8% 0 12%;z-index:-1;pointer-events:none;background:url("assets/logo.webp") center 25%/min(1100px,100vw) auto no-repeat;opacity:.10;mix-blend-mode:multiply;transform:rotate(-12deg)}
.topline{background:linear-gradient(100deg,#082448,#174e90);border-bottom:4px solid #f58220}
header{background:#fffffff5;border-bottom:1px solid #b9cee5;box-shadow:0 4px 20px #08244808}
.contact{background:#edf5ff;color:#153e85;border-color:#c2d7ef}
.intro{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#082448 10%,#154d88 75%,#2473ac);border-radius:16px;padding:30px;margin-bottom:32px;box-shadow:0 10px 28px #08244816;border-bottom:5px solid #f58220}
.intro::before{content:"";position:absolute;inset:0;z-index:-1;background:url("assets/logo.webp") right center/580px auto no-repeat;mix-blend-mode:screen;opacity:.09;pointer-events:none}
.intro h1{color:white}.intro .eyebrow{color:#ffb465}.intro h1 span{color:#ff9a3d}.intro .price-note{color:#eef6ff;border-color:#ff9a3d}
.catalog-layout aside{align-self:start;background:#ffffffec;border:1px solid #cbdcee;border-top:4px solid #2473ac;border-radius:12px;padding:18px 12px;box-shadow:0 5px 18px #08244806}
.nav-title{color:#244568;line-height:1.5}
nav button{color:#3d5875}nav button.active{background:linear-gradient(100deg,#082448,#1c5898)}
nav button:hover{background:#e7f2ff}
.section-heading{background:#ffffffeb;border:1px solid #d0e0ef;border-left:5px solid #f58220;border-radius:9px;padding:14px 17px}
.card{border-color:#cadced;border-top:4px solid #2875b4;border-radius:12px;box-shadow:0 4px 14px #08244808}
.card:nth-child(3n+2){border-top-color:#ef7b17}.card:nth-child(3n){border-top-color:#158396}
.photo{background:#edf4fc}.card:nth-child(3n+2) .photo{background:#fff4e7}.card:nth-child(3n) .photo{background:#eaf7f8}
.sku{font-weight:700;color:#1c5898}.minimum{background:#f1f6fc;border-radius:6px;padding:10px;border-top:0}
.amount{color:#164b82}.category-divider{color:#fff;background:#164b82;border-radius:7px;border:0;padding:12px 16px}
.cart-add{background:linear-gradient(100deg,#ff9b35,#f5801c);color:#082448;box-shadow:0 3px 8px #ee730914}
.cart-add:hover{background:#ffae56}.cart-open{background:linear-gradient(115deg,#082448,#1c5898)}
footer{background:#e0ecf8;border-top:4px solid #f58220;color:#31506e}
@media(max-width:700px){.intro{padding:24px 20px;margin-bottom:24px;border-radius:12px}.intro::before{background-size:420px;background-position:25% center}.catalog-layout aside{padding:14px 10px}main::before{inset:12% -25% 0 -25%;background-size:700px;opacity:.08}.section-heading{padding:12px}.minimum{padding:8px}.topline{font-size:.75rem}}
@media(prefers-reduced-motion:no-preference){.card:hover{box-shadow:0 9px 25px #0824481c}}

/* Propuesta comercial en vista previa: superficies azules y luz naranja. */
body{background:#091d36;color:#eaf4ff}
body::before{background:radial-gradient(ellipse at 4% 20%,#17659288,transparent 52%),radial-gradient(ellipse at 95% 65%,#ed730938,transparent 45%),linear-gradient(150deg,#091d36,#112e4c 55%,#091d36)}
main::before{opacity:.12;mix-blend-mode:screen}
header{background:linear-gradient(105deg,#143c60ed,#0d2844f5);border-color:#315773}
.header-label{color:#b5d5ed}.contact{background:#ff972e;color:#102b45;border:0;box-shadow:0 5px 22px #ed730927}
.logo{border-radius:8px}
.intro{background:radial-gradient(ellipse at 90% 20%,#259dbb70,transparent 55%),linear-gradient(115deg,#133551,#1b567e);border-color:#ff9d42;box-shadow:0 16px 45px #0003}
.intro::before{opacity:.07}
.catalog-layout aside{background:linear-gradient(160deg,#193f60ef,#102e4bea);border-color:#355d7b;box-shadow:0 14px 35px #0002}
.nav-title{color:#a9d5ef}nav button{color:#d2e7f7}nav button:hover{background:#295575;color:#fff}nav button.active,nav button.active:hover{background:linear-gradient(110deg,#ed7c1c,#ffab4b);color:#082448;border-color:#ffc178;font-weight:700}
.sidebar-note{color:#b7d3e8;border-color:#355772}
.section-heading{background:linear-gradient(110deg,#214e70d9,#183b59d9);border-color:#416881;border-left-color:#ff972e;backdrop-filter:blur(12px)}
#count{color:#c4e0f2}
.card{background:linear-gradient(150deg,#234d6d,#15354f);border-color:#37637e;border-top-color:#51b6e2;box-shadow:0 10px 24px #0002}
.card:nth-child(3n+2){border-top-color:#ff9c41}.card:nth-child(3n){border-top-color:#49c9c0}
.photo{background:radial-gradient(ellipse at top,#d1e8f3,#a7c4d9)}
.card:nth-child(3n+2) .photo{background:radial-gradient(ellipse at top,#f4dfc8,#d9c3ad)}
.card:nth-child(3n) .photo{background:radial-gradient(ellipse at top,#ccece8,#9dcacb)}
.card h3{color:#f2f8ff}.sku{color:#85d7fc}.amount{color:#ffc17b}.cost small,.meta{color:#c0d7e6}
.minimum{background:#0b263eb0;color:#edf7ff}.minimum span{color:#bbd6e8}
.category-divider{background:linear-gradient(100deg,#1e628e,#17415f);border-left:4px solid #ff972e}
.cart-add{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #ffb65f;box-shadow:0 6px 15px #0002}
.cart-add::before{content:"+";font-size:1.2rem;line-height:1}
.cart-open{display:flex;align-items:center;gap:13px;padding:13px 18px;border:1px solid #ffc37f;border-radius:18px;background:linear-gradient(110deg,#ffac49,#f18522);color:#082448;box-shadow:0 10px 35px #0006,0 0 28px #ee841c25}
.cart-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#08244817;font-size:1.6rem}
.cart-open-label{display:flex;flex-direction:column;gap:3px;text-align:left}.cart-open-label strong{font-size:1rem}.cart-open-label small{font-size:.75rem;font-weight:500}
.cart-badge{display:grid;place-items:center;min-width:30px;height:30px;padding:0 7px;border-radius:50px;background:#103451;color:#fff;font-size:.875rem}
.cart-status{bottom:112px;background:#153f5e;border:1px solid #4b7b99}
.cart-dialog{background:linear-gradient(135deg,#1b4565,#0f2c46);color:#eef7ff;border:1px solid #426b85;border-top:5px solid #ff9c41}
.cart-hint{color:#c2dbea}.cart-message{background:#0b263e;color:#e8f5ff;border-color:#426b85}.cart-close,.cart-copy{background:#274e69;color:#fff;border-color:#50758e}.cart-row{border-color:#3b607b}.cart-remove{color:#ffbf92;border-color:#9c6e51}.cart-quantity input{background:#d9ebf6;color:#102b43}.cart-send{background:linear-gradient(110deg,#24a579,#168362);color:#fff}.cart-error{color:#ffbe98}
footer{background:linear-gradient(110deg,#102a44,#1b4662);color:#c1d9e9;border-color:#ff972e}
@media(prefers-reduced-motion:no-preference){
  .intro{animation:brand-reveal .65s ease-out both}
  .card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
  .card:nth-child(-n+7){animation:brand-reveal .55s ease-out both}
  .card:nth-child(2){animation-delay:.05s}.card:nth-child(3){animation-delay:.1s}.card:nth-child(4){animation-delay:.15s}
  .cart-add,.cart-open,.contact{transition:transform .2s ease,filter .2s ease}
  .cart-dialog[open]{animation:brand-reveal .25s ease-out}
  @media(hover:hover){.card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #0004;border-color:#73b8de}.cart-add:hover,.cart-open:hover,.contact:hover{transform:translateY(-2px);filter:brightness(1.08)}}
  @keyframes brand-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
}
@media(max-width:700px){.cart-open{gap:9px;padding:10px 12px;max-width:calc(100vw - 28px)}.cart-icon{width:36px;height:36px;font-size:1.3rem}.cart-open-label strong{font-size:.9rem}.cart-status{bottom:96px}footer{padding-bottom:120px}}
.shipping-message{margin:20px 0 0;color:#ffc17b;font-size:1.1rem;font-weight:700;line-height:1.5}
.shipping-message span{display:block;margin-top:3px;font-size:.875rem;font-weight:400;color:#d5e8f6}
.contact-whatsapp{display:flex;align-items:center;gap:12px;background:linear-gradient(115deg,#38d695,#20b980);border:1px solid #85efc2;color:#072c27;border-radius:14px;box-shadow:0 6px 24px #19c58c30;white-space:nowrap}
.contact-whatsapp svg{width:29px;height:29px;flex:none}.contact-whatsapp span{display:flex;flex-direction:column;gap:5px}.contact-whatsapp strong{font-size:.9rem}.contact-whatsapp small{font-size:.875rem;font-weight:600}
@media(prefers-reduced-motion:no-preference){.contact-whatsapp{animation:whatsapp-glow 2.8s ease-in-out 3}@keyframes whatsapp-glow{0%,100%{box-shadow:0 6px 24px #19c58c30}50%{box-shadow:0 6px 32px #2ddb9c70,0 0 0 5px #38d69518}}}
@media(max-width:700px){header{flex-wrap:wrap;justify-content:space-between}.contact-whatsapp{padding:10px;gap:8px;white-space:normal}.contact-whatsapp strong{font-size:.875rem}.contact-whatsapp svg{width:24px;height:24px}}
@media(max-width:480px){.contact-whatsapp{margin-left:0;width:100%;justify-content:center}.shipping-message{font-size:1rem}}
/* Tarjetas compactas: imagen enmarcada, código destacado y precio protagonista. */
.catalog-layout aside{align-self:stretch;background:none;border:0;box-shadow:none;padding:0}
.sidebar-controls{background:linear-gradient(160deg,#193f60ef,#102e4bea);border:1px solid #355d7b;border-top:4px solid #2473ac;border-radius:12px;padding:18px 12px}
.sidebar-brand{position:sticky;top:24px;margin-top:22px;overflow:hidden;isolation:isolate;min-height:310px;padding:24px 16px;border:1px solid #497d9b;border-radius:18px;background:radial-gradient(ellipse at 110% 90%,#ff9b35b0,transparent 58%),radial-gradient(ellipse at 0 0,#2294c6a0,transparent 65%),linear-gradient(145deg,#174a70,#0c2946);box-shadow:0 12px 28px #0003}
.sidebar-brand::before{content:"";position:absolute;inset:0;z-index:-1;background:url('assets/logo.webp') center 70%/460px auto no-repeat;opacity:.07;mix-blend-mode:screen;transform:rotate(-22deg);pointer-events:none}
.sidebar-brand img{width:100%;height:auto;border-radius:7px;box-shadow:0 4px 16px #0002}
.sidebar-brand-copy{display:flex;flex-direction:column;gap:8px;margin-top:40px;font-size:clamp(1.05rem,1.4vw,1.35rem);line-height:1.3;letter-spacing:-.025em;color:#e6f5ff}.sidebar-brand-copy strong{color:#ffcb8e}
.sidebar-brand-line{height:5px;width:54px;border-radius:4px;background:linear-gradient(90deg,#ff9c41,#ffd094);margin-top:28px}
@media(max-width:700px){.sidebar-brand{display:none}.sidebar-controls{padding:14px 10px}.catalog-layout aside{padding:0}}
.card{border-radius:20px;border:1px solid #497390;background:linear-gradient(145deg,#285372,#14334e);padding:10px;gap:0;box-shadow:0 10px 25px #0003}
.card:nth-child(3n+2),.card:nth-child(3n){border-top-color:#497390}
.photo{height:220px;border-radius:13px;padding:18px;box-shadow:inset 0 0 0 1px #ffffff20}
.card-body{padding:18px 10px 10px}.sku{align-self:flex-start;background:#08244870;border:1px solid #57819d80;border-radius:6px;padding:5px 9px;margin-bottom:12px;font-size:.8rem}
.card h3{font-size:1rem;line-height:1.45;font-weight:600;margin-bottom:20px}
.card .minimum{display:none}.card .cost{padding-top:14px;border-top:1px solid #ffffff18;margin-bottom:8px}.amount{font-size:1.8rem;color:#ffd094}.cost small{font-size:.875rem}
.cart-add{border-radius:10px;min-height:46px;margin-top:18px;font-size:.95rem}.stock{border-radius:20px;box-shadow:0 3px 12px #0002}
.contact-whatsapp{padding:15px 20px}.contact-whatsapp strong{font-size:1rem}
@media(max-width:700px){.card{padding:7px;border-radius:14px}.photo{height:165px;padding:10px;border-radius:9px}.card-body{padding:13px 5px 5px}.card h3{font-size:.875rem}.amount{font-size:1.45rem}.sku{padding:4px 6px;font-size:.75rem}.cart-add{padding:11px 6px}.contact-whatsapp{padding:12px}}