:root{--paper:#f7f7f2;--ice:#a9d6e5;--ink:#0a0a0a;--line:#c9c7c1}
body{background:var(--paper);color:var(--ink);font-family:'Segoe UI',Arial,sans-serif}
.announcement{color:var(--ice);background:var(--ink);font-size:12px;letter-spacing:.5px;font-weight:600;line-height:1.6}
header{background:var(--paper);backdrop-filter:none;border-color:var(--line)}
.brand{font-family:'Arial Black',Arial,sans-serif;font-size:27px;letter-spacing:-1.6px}.brand span{font-family:'Segoe UI',Arial,sans-serif;font-weight:600;letter-spacing:7px}
.cart-button{border:1px solid var(--line);border-radius:28px;padding:5px 10px 5px 17px}.cart-button span{background:var(--ice);color:var(--ink)}
.hero{padding-top:38px;padding-bottom:42px;gap:5%;grid-template-columns:1fr 1fr}.hero .eyebrow{font-weight:400;letter-spacing:0;text-transform:none;font-size:14px;margin-bottom:22px}
h1{font-family:'Arial Black',Arial,sans-serif;font-weight:900;line-height:.94;font-size:clamp(44px,5.7vw,88px);letter-spacing:-4px;margin-bottom:25px}.hero-copy{font-size:17px;color:#232323;line-height:1.55}
.hero-actions .button{background:var(--ice);color:var(--ink);border-color:var(--ice);border-radius:30px;font-size:14px;min-height:52px}.hero-actions .button:hover{background:#bddfe9}.hero .small{color:#494946}
.hero-photo{background:#d8e9eb;border-radius:10px 10px 3px 3px;aspect-ratio:1;padding:24px 26px 0}.hero-photo>img{height:82%;width:94%;inset:7% 3% auto;z-index:0}.hero-photo-top{font-size:11px;letter-spacing:0}.hero-photo-bottom{background:var(--ice);margin-left:-26px;width:calc(100% + 52px);padding:18px 26px;font-size:15px;min-height:76px}.photo-caption{display:none}.round{flex-shrink:0}
.benefits{grid-template-columns:repeat(4,1fr);gap:20px;border-color:var(--line);padding:27px 0}.benefits span{text-align:left;color:#494946;font-size:11px;line-height:1.7}.benefits b{display:block;font-size:13px;margin:0 0 4px;font-weight:600;color:var(--ink)}
.store-note{background:#eaece7;color:#444;font-size:12px;border-color:var(--ice)}
.section-heading h2,.how h2{font-family:'Arial Black',Arial,sans-serif;font-weight:900;letter-spacing:-1.5px}.section-heading .eyebrow{letter-spacing:1px}.section-heading h2{font-size:40px}.catalog{padding-top:45px}
.search,.search input{background:var(--paper)}.search-row select,.fulfillment-filter select{background:var(--paper);color:var(--ink)}.chips{padding-top:20px;flex-wrap:wrap;overflow:visible}.chips button{border-radius:24px;border-color:var(--line);background:transparent;font-size:12px;min-height:44px}.chips button[aria-pressed=true]{background:var(--ice);color:var(--ink);border-color:var(--ice)}
.filter-help{font-size:12px;color:#555}.filter-row{margin:10px 0}.price-filters input{background:white}.catalog-group{padding-top:38px;scroll-margin-top:110px}.group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:25px;margin-bottom:23px}.group-heading h3{font-family:'Arial Black',Arial,sans-serif;font-weight:900;font-size:30px;letter-spacing:-1px;line-height:1.15;margin:0}.group-heading>span{font-size:12px;color:#555;white-space:nowrap}
.card-image{border-radius:5px;background:white}.product-card{min-width:0}.card-info h4{font-weight:600;font-size:15px;margin:0 0 10px;line-height:1.45}.card-info h4 button{padding:0;text-align:left;line-height:inherit}.card-category{font-size:11px;color:#555}.card-price{font-size:17px}.pending-price{font-size:12px;color:#555}.card-options,.deposit-hint{font-size:12px;color:#494946;line-height:1.6}.add{font-size:12px;background:transparent;border-radius:3px}.product-badge,.favorite-badge{font-size:11px;box-shadow:none}.product-badge.delivery{background:var(--ice);color:var(--ink);border-color:var(--ice)}
.catalog-orders{margin-top:55px;background:#e9efed;padding:30px;border-radius:5px}.catalog-orders>.group-heading{border-top:0;padding-top:0;margin-bottom:13px}.catalog-orders>.group-heading h3{font-size:35px}.encargo-note{max-width:620px;font-size:13px;line-height:1.8;color:#494946;margin:0}.catalog-orders .catalog-group{padding-top:28px}.catalog-orders .catalog-group .group-heading h3{font-size:25px}.catalog-orders .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.how{background:var(--ink);color:var(--paper)}.how li p{color:var(--line)}footer{background:var(--ink);color:var(--paper)}footer p,footer small{color:var(--line)}footer small{border-color:#444}
dialog{background:var(--paper);border-radius:6px}.detail-info h2{font-weight:700}.product-description{font-size:14px;color:#494946}.image-caption,.choice-hint,.product-notes{font-size:11px;color:#555}.option-group legend,.detail-quantity{font-size:13px}.option-list span{font-size:13px}.option-list input:checked+span{background:var(--ice);color:var(--ink);border-color:var(--ice)}.preorder-detail{background:#e6edeb}.delivery-product{font-size:12px;line-height:1.7;background:#dcecf0;padding:12px}.cart-line-info h3{font-size:14px}.cart-line-info p,.cart-line-end b,.cart-line-end .text-button{font-size:12px}.deposit-summary{background:#e5eeed}.deposit-summary p{font-size:12px}.deposit-summary small{font-size:11px;color:#555}.button{border-radius:3px}#toast{transition:opacity .2s,transform .2s}
@media(max-width:850px){.hero h1{font-size:clamp(38px,5.9vw,60px);letter-spacing:-2.5px}.benefits{grid-template-columns:repeat(2,1fr)}.hero-photo-top{font-size:9px}.hero-photo-bottom{font-size:12px}.group-heading h3{font-size:26px}.catalog-orders .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.announcement{font-size:10px;padding:10px 20px}.brand{font-size:23px}.hero{grid-template-columns:1fr;padding-top:27px;gap:23px}.hero h1{font-size:clamp(29px,8.5vw,47px);letter-spacing:-1.8px}.hero h1 br:nth-of-type(2){display:none}.hero .eyebrow{font-size:12px;margin-bottom:14px}.hero-copy{font-size:14px}.hero-actions{margin:18px 0 14px}.hero-actions .button{width:100%;justify-content:space-between;min-height:48px}.hero-photo{aspect-ratio:1.7;padding:15px 18px 0}.hero-photo>img{height:90%;width:76%;inset:-5% auto auto 18%}.hero-photo-top>span{display:none}.hero-photo-bottom{margin-left:-18px;width:calc(100% + 36px);padding:12px 18px;min-height:60px}.hero-photo-bottom .round{width:34px;height:34px}.benefits{gap:20px 16px}.benefits b{font-size:12px}.benefits span{font-size:11px}.section-heading h2{font-size:30px}.chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:16px}.catalog-group{padding-top:25px}.group-heading{padding-top:22px;margin-bottom:20px}.group-heading h3{font-size:25px}.group-heading>span{font-size:11px}.card-info h4{font-size:13px}.card-options,.deposit-hint,.pending-price{font-size:11px}.card-price{font-size:15px}.product-badge,.favorite-badge{font-size:9px;padding:6px;left:8px}.catalog-orders{margin-left:-5.55%;margin-right:-5.55%;padding:26px 5%;border-radius:0}.catalog-orders>.group-heading{align-items:start}.catalog-orders>.group-heading h3{font-size:28px}.catalog-orders .catalog-group .group-heading h3{font-size:23px}.catalog-orders .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-note{font-size:11px}.cart-line-v2{grid-template-columns:54px minmax(0,1fr);gap:10px}.cart-thumb{width:54px;height:70px}.cart-line-end{grid-column:2;flex-direction:row;justify-content:space-between;max-width:none;align-items:center}.how h2{font-size:30px}.hero .small{font-size:11px}}

/* Atmospheric street-style canvas; solid surfaces preserve readability. */
body{background-color:#e8eceb;background-image:radial-gradient(ellipse at 0 8%,#a9d6e599 0,transparent 45%),radial-gradient(ellipse at 100% 40%,#d1c9df88 0,transparent 48%),repeating-linear-gradient(135deg,transparent 0 70px,#23353b05 70px 71px);background-size:100% 1600px,100% 2200px,auto}
header{background:#edf1efed;backdrop-filter:blur(14px)}
.hero{position:relative}.hero-photo{background:radial-gradient(ellipse at 70% 20%,#eff9fb,#a8cbd2 70%,#7eabb8);box-shadow:16px 18px 0 #223c4610;border:1px solid #ffffffaa}
.catalog-group>.group-heading{border-top:2px solid #263b4533}.group-heading h3{position:relative;padding-left:16px}.group-heading h3:before{content:'';position:absolute;left:0;top:3px;bottom:3px;width:5px;background:#51899a;border-radius:3px}
.product-card{background:#fafbf8;border:1px solid #ffffffb0;border-radius:12px;overflow:hidden;box-shadow:0 7px 24px #15272d08}.card-info{padding:16px}.card-image{border-radius:0}.catalog-orders{background:linear-gradient(135deg,#d2e2e5,#e4deeb);border:1px solid #ffffffc0;border-radius:16px}
.delivery-progress{background:linear-gradient(120deg,#dceef2,#e6e7f0);border:1px solid #aac9d2;border-radius:16px;padding:20px;margin:24px 0;color:#162b33}.delivery-progress-top,.delivery-progress-amounts{display:flex;justify-content:space-between;gap:12px;font-size:12px}.delivery-progress-top>span{font-size:10px;letter-spacing:1.5px;font-weight:700}.delivery-progress-title{font-size:20px;font-weight:750;line-height:1.3;margin:13px 0 16px}.delivery-track{height:12px;border-radius:20px;background:#bdd0d6;overflow:hidden}.delivery-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#48798a,#183f50);transition:width .25s ease}.delivery-progress-amounts{margin:10px 0 12px}.delivery-progress small{display:block;font-size:11px;line-height:1.6;color:#38515b}.delivery-complete{border-color:#84b1a5;background:linear-gradient(120deg,#d8eee4,#e2eef0)}.delivery-complete .delivery-track>span{background:#28614f}
@media(max-width:600px){.card-info{padding:12px}.hero-photo{box-shadow:6px 8px 0 #223c4610}.catalog-orders{border-radius:0}.delivery-progress{padding:16px}.delivery-progress-title{font-size:18px}}
@media(prefers-reduced-motion:reduce){.delivery-track>span{transition:none}}
/* Graphic street canvas */
body{background:#dce7e9 url('assets/street-background.svg') center top / 1440px 1100px repeat-y}
.hero{background:linear-gradient(90deg,#edf3f1f5 0%,#edf3f1e8 42%,#edf3f100 68%);padding-left:28px;padding-right:28px;border:1px solid #ffffff90;border-radius:0 0 24px 24px;margin-top:18px;margin-bottom:28px}
.hero-photo{border:2px solid #142f3c;box-shadow:10px 10px 0 #142f3c;border-radius:14px;transform:rotate(2deg)}
.benefits,.store-note{background:#edf3f1f5;border-radius:12px;padding:24px}
.catalog{background:#eaf0eff0;border:1px solid #fff9;border-radius:24px;padding:32px;margin-top:32px;margin-bottom:40px;box-shadow:0 18px 50px #19303d12}
.catalog-orders{background:linear-gradient(125deg,#afced9,#d7d7e5);border:1px solid #819ba9}
@media(max-width:600px){body{background-size:900px auto}.hero{padding:24px 16px;margin-top:10px}.hero-photo{transform:rotate(1deg);box-shadow:5px 5px 0 #142f3c}.catalog{padding:20px 12px;border-radius:18px}.benefits{padding:18px}.catalog-orders{margin-left:0;margin-right:0;border-radius:12px;padding:20px 10px}}

/* Charcoal palette */
:root{--ice:#383a3e}body{background-color:#252628}.announcement{color:#ededee}.cart-button span{background:#383a3e;color:#fff}.hero{background:linear-gradient(90deg,#edededf5 0%,#ededede8 42%,#ededed00 68%)}.hero-photo{background:radial-gradient(ellipse at 70% 20%,#999b9e,#55575b 70%,#303236);border-color:#17181a;box-shadow:10px 10px 0 #111214}.hero-photo-top{color:#fff}.hero-photo-bottom{background:#303236;color:#fff}.hero-actions .button,.chips button[aria-pressed=true],.option-list input:checked+span{background:#383a3e;color:#fff;border-color:#383a3e}.hero-actions .button:hover{background:#505257}.catalog{background:#eaeaeaf5}.benefits,.store-note{background:#ededef}.group-heading h3:before{background:#45474b}.catalog-orders{background:linear-gradient(125deg,#d1d2d4,#bfc1c5);border-color:#999b9f}.product-badge.delivery{background:#383a3e;color:#fff;border-color:#383a3e}.delivery-progress{background:linear-gradient(120deg,#e1e2e4,#d0d2d6);border-color:#a0a3a8;color:#222428}.delivery-track{background:#b8bbc0}.delivery-track>span{background:linear-gradient(90deg,#777b83,#292c31)}.delivery-progress small{color:#45484e}.delivery-complete{background:#d9dfdc}.delivery-product,.preorder-detail,.deposit-summary{background:#e0e1e3}

/* Instagram visible en la barra superior, conservando el diseño existente. */
.header-instagram{display:inline-flex;align-items:center;justify-content:center;width:40px;height:44px;flex:none;color:#252628;border-radius:10px;transition:background .2s ease}
.header-instagram:hover{background:#d6d7d9}
.header-instagram:focus-visible{outline:2px solid #315dba;outline-offset:2px}
@media(max-width:760px){.header-actions{gap:10px}}
@media(max-width:390px){header{gap:9px;padding-left:4%;padding-right:4%}.header-actions{gap:6px}.header-instagram{width:34px}}
@media(prefers-reduced-motion:reduce){.header-instagram{transition:none}}

/* Legibilidad de titulares y promociones sobre la portada en pantallas pequeñas. */
@media(max-width:600px){
  .hero{background:linear-gradient(135deg,#edededfa 0%,#dddddfF6 100%)}
}