:root{--ink:#1a3c45;--blue:#3154a5;--paper:#f5f7f8;--accent:#de4671;--line:#dce4e7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;line-height:1.6}a{color:var(--ink)}button,.button{display:inline-block;background:var(--ink);color:white;border:0;border-radius:9px;padding:12px 18px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}button:hover,.button:hover{background:var(--blue)}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#e7eef0;color:var(--ink)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.shop-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px max(5vw,20px);background:white;border-bottom:1px solid var(--line)}.shop-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Georgia,serif;font-size:28px}.shop-brand img{width:50px;height:50px;object-fit:contain}.shop-brand small{display:block;font:10px Arial;letter-spacing:3px}.shop-header nav{display:flex;gap:25px;flex-wrap:wrap}.shop-main{max-width:1280px;margin:auto;padding:35px 24px 80px}h1{font-size:clamp(25px,3vw,42px);letter-spacing:-1px}h2{line-height:1.25}small{font-size:12px;color:#576e77}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px}.shop-hero{display:grid;grid-template-columns:2fr 1fr;background:#e2ecef;border-radius:20px;padding:35px;gap:35px;margin-bottom:25px}.shop-hero h2{font:clamp(32px,4vw,55px)/1.1 Georgia;margin:12px 0}.shipping-card{background:white;border-radius:14px;padding:24px;align-self:center}.shipping-card strong{font-size:23px}.shop-filters{display:flex;gap:20px;margin:25px 0}.shop-filters label{flex:1}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.shop-product{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;padding:16px;display:flex;flex-direction:column;position:relative}.shop-product[hidden]{display:none}.shop-product h2{font-size:20px;margin:10px 0}.shop-product h2 a{text-decoration:none}.shop-product p{font-size:14px}.shop-product form{margin-top:auto}.shop-product button{width:100%}.shop-photo{display:block;background:#eef3f4;position:relative;border-radius:12px;margin-bottom:16px}.shop-photo img{width:100%;height:230px;object-fit:contain;padding:15px}.promo-badge{position:absolute;top:12px;right:12px;background:var(--accent);color:white;border-radius:30px;padding:7px 13px;font-weight:700;animation:promo-in .5s ease-out}.promo-caption{color:#aa264b;font-weight:700}.shop-price{display:flex;align-items:center;gap:12px;margin:12px 0}.shop-price strong{font-size:24px}.shop-price del{color:#6a7880}.notice,.error{padding:18px;border-radius:10px;background:#e5f2ea}.error{background:#ffe7eb;color:#852945}.card,.summary,.empty-card{background:white;border:1px solid var(--line);border-radius:14px;padding:25px;margin:20px 0}.checkout-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:30px}.summary{align-self:start;position:sticky;top:20px}.summary>a{display:block;margin:15px 0}dl{display:grid;grid-template-columns:1fr auto;gap:12px}dd{margin:0;text-align:right}label{display:block;font-weight:600;margin:12px 0}input,textarea,select{display:block;width:100%;padding:12px;border:1px solid #bdcdd3;border-radius:7px;font:inherit;background:white;color:var(--ink);margin-top:5px}textarea{min-height:85px}.check{display:flex;align-items:flex-start;gap:10px;font-size:14px}.check input{width:auto;margin-top:6px}form{margin:14px 0}.cart-line{display:grid;grid-template-columns:95px 1fr auto;gap:20px;background:white;padding:22px;border-radius:14px;margin:20px 0;border:1px solid var(--line)}.cart-line img{width:95px;height:100px;object-fit:contain}.cart-line h2{font-size:20px}.cart-line form{display:flex;align-items:end;gap:10px}.cart-line label{margin:0}.cart-line input{width:80px}.steps{display:flex;list-style:none;gap:15px;flex-wrap:wrap;padding:0}.steps li{padding:10px;background:#e7edf0;border-radius:8px}.steps .current{background:var(--ink);color:white}.verification{border-top:1px solid var(--line);padding:12px 0}.order-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.order-item img{width:55px;height:65px;object-fit:contain}.order-item strong{margin-left:auto}.status-pill{display:inline-block;background:#dcecee;border-radius:30px;padding:7px 14px;font-size:14px;font-weight:700}.timeline{list-style:none;padding:0 0 0 15px;border-left:2px solid #c0d2d7}.timeline li{position:relative;padding:0 0 25px 10px}.timeline li:before{content:'';position:absolute;left:-22px;top:8px;width:12px;height:12px;border-radius:100%;background:var(--ink)}.timeline p{margin:6px 0}.account{padding:14px;background:#f1f5f6;border-radius:9px;margin:12px 0}.account p{margin:8px 0}.order-link{display:flex;gap:20px;align-items:center;flex-wrap:wrap;text-decoration:none}.order-link strong{margin-left:auto}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin:25px 0}.product-detail .shop-photo img{height:450px}.product-detail form{max-width:300px}.shop-footer{text-align:center;padding:20px;background:white;border-top:1px solid var(--line)}#cart-clock{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;background:var(--ink);color:white;padding:12px 20px;border-radius:12px;z-index:20;box-shadow:0 5px 20px #0002;max-width:95vw}#cart-clock button{background:white;color:var(--ink);padding:8px 12px;white-space:nowrap}dialog{border:0;border-radius:18px;max-width:480px;padding:30px;color:var(--ink)}dialog::backdrop{background:#102b3670}dialog button{margin:6px}.admin-sections{display:flex;gap:12px;flex-wrap:wrap;position:sticky;top:0;background:var(--paper);padding:12px 0;z-index:5}.admin-sections a{background:white;padding:8px 12px;border-radius:8px}.admin-products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.inventory-photo{height:100px;width:100%;object-fit:contain}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;background:white}td,th{padding:14px;border-bottom:1px solid var(--line);text-align:left}td small{display:block}.inline{display:flex;gap:15px;align-items:end}.inline label{min-width:240px}.invoice{max-width:850px;margin:auto}.empty-card{text-align:center;padding:60px 25px}@keyframes promo-in{from{transform:scale(.8);opacity:.3}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:950px){.shop-grid{grid-template-columns:repeat(2,1fr)}.admin-products{grid-template-columns:repeat(2,1fr)}.shop-header{flex-direction:column}.checkout-layout{grid-template-columns:1fr}.summary{position:static}}@media(max-width:600px){.shop-main{padding:20px 16px 100px}.shop-hero,.admin-columns,.product-detail{grid-template-columns:1fr}.shop-hero{padding:25px}.shop-grid,.admin-products{grid-template-columns:1fr}.shop-filters{flex-direction:column}.cart-line{grid-template-columns:60px 1fr}.cart-line img{width:60px}.cart-line>strong{grid-column:2}.shop-header nav{gap:15px}.product-detail .shop-photo img{height:300px}#cart-clock{font-size:12px;gap:10px;width:95vw;justify-content:space-between}.order-link strong{margin-left:0}.card{padding:20px}.invoice table{font-size:12px}td,th{padding:8px}}@media print{.shop-header,.shop-footer,#shop-print{display:none}.shop-main{padding:0}.shop-main>h1{font-size:24px}.invoice{border:0}body{background:white}a{text-decoration:none}tr{break-inside:avoid}}

/* Azul petróleo, celeste y gris claro para tienda y compra. */
:root{--ink:#164b63;--blue:#287ea4;--paper:#f3f6f9;--accent:#db5f23;--line:#dbe5ec}
.notice{background:#e5f0fa;color:#164b63}.shop-hero{background:linear-gradient(125deg,#e5f1fa,#eff2f6)}
.status-pill{background:#e1eef8;color:#164b63}.steps li{background:#edf1f5}.secondary{background:#e8eff5;color:#164b63}
.shop-photo{overflow:hidden;background:#f0f4f8}.shop-product{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.shop-photo img,.cart-line>img,.order-item>img{transition:transform .35s ease;transform-origin:center}
@media(hover:hover) and (pointer:fine){.shop-product:hover{transform:translateY(-5px);box-shadow:0 14px 30px #164b631c;border-color:#9bbdd2}.shop-product:hover .shop-photo img,.product-detail .shop-photo:hover img{transform:scale(1.09)}.cart-line:hover>img,.order-item:hover>img{transform:scale(1.12)}}
.shop-product:focus-within .shop-photo img{transform:scale(1.06)}
.promo-badge{display:flex;align-items:center;gap:5px;background:#fff2e6;color:#96370b;border:1px solid #ffd0a0;box-shadow:0 3px 12px #db5f2320;z-index:2}
.offer-flame{display:inline-block;font-size:24px;line-height:1;transform-origin:center bottom;animation:offer-fire 1.2s ease-in-out infinite alternate}.offer-label{font-size:12px}.promo-caption{color:#a34217}
.cart-icon-link{display:inline-flex;align-items:center;justify-content:center;width:46px;height:42px;border-radius:12px;background:#e6f1fa;color:#164b63;text-decoration:none;flex-shrink:0}.cart-icon-link svg{width:29px;height:29px;transition:transform .2s}.cart-icon-link:hover svg{transform:rotate(-8deg) scale(1.08)}.cart-icon-link.cart-clicked svg{animation:cart-ride .4s ease-in-out}
.shop-header nav{align-items:center}
@keyframes offer-fire{from{transform:rotate(-5deg) scale(.94);filter:drop-shadow(0 0 1px #ff9b36)}to{transform:rotate(6deg) scale(1.1);filter:drop-shadow(0 0 5px #ff9b36)}}
@keyframes cart-ride{0%{transform:translateX(0) rotate(0)}25%{transform:translateX(-4px) rotate(-12deg)}60%{transform:translateX(9px) rotate(8deg)}100%{transform:translateX(0) rotate(0)}}
@media(prefers-reduced-motion:reduce){.shop-product,.shop-photo img,.cart-line>img,.order-item>img,.cart-icon-link svg{transition:none!important}.shop-product:hover,.shop-product:hover .shop-photo img,.product-detail .shop-photo:hover img,.cart-line:hover>img,.order-item:hover>img,.shop-product:focus-within .shop-photo img{transform:none}}
/* La oferta ocupa su propia franja y no cubre la fotografía. */
.shop-photo{display:flex;flex-direction:column}.shop-photo .promo-badge{position:static;order:-1;align-self:flex-end;width:max-content;max-width:calc(100% - 20px);margin:10px 10px 0;flex-shrink:0}.shop-photo img{display:block}
.shop-header nav .cart-text-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:10px;background:#164b63;color:#fff;font-weight:700;text-decoration:none;box-shadow:0 3px 10px #164b6318}.shop-header nav .cart-text-button:hover{background:#287ea4}.shop-header nav .cart-text-button:focus-visible{outline:3px solid #72b9df;outline-offset:3px}
.shop-header nav>a{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:10px;background:#164b63;color:#fff;font-weight:700;text-decoration:none;box-shadow:0 3px 10px #164b6318;transition:background .2s ease}.shop-header nav>a:hover{background:#287ea4}.shop-header nav>a:focus-visible{outline:3px solid #72b9df;outline-offset:3px}@media(max-width:600px){.shop-header nav{justify-content:center;gap:10px}.shop-header nav>a,.shop-header nav .cart-text-button{padding:10px 16px}}
/* Carrito lateral y vitrina. */
.shop-product{border-radius:20px;border-color:#e2e9ef;padding:18px;box-shadow:0 4px 18px #164b6305}.shop-product .shop-photo{border-radius:16px;background:linear-gradient(145deg,#f0f5fa,#f8fafc)}.shop-product h2{font-size:21px;letter-spacing:-.4px}.shop-product button{border-radius:11px}.shop-hero{border:1px solid #dae6ef;box-shadow:0 12px 30px #164b6306}.shop-filters input,.shop-filters select{border-radius:12px;background:#fff;padding:14px}.shop-header{box-shadow:0 3px 18px #164b6305}
.cart-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(460px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;padding:0;border:0;border-radius:24px 0 0 24px;background:#f7f9fc;color:#164b63;box-shadow:-15px 0 60px #102a3e26;overflow:hidden}.cart-drawer[open]{display:flex;flex-direction:column;animation:drawer-arrive .28s ease-out}.cart-drawer::backdrop{background:#102a3e55;backdrop-filter:blur(3px)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:27px 25px 18px;background:#fff;border-bottom:1px solid #e1e9f1}.drawer-header .eyebrow{margin:0;color:#6a8599;font-size:10px;letter-spacing:2.3px}.drawer-header h2{font-size:28px;margin:8px 0 0;letter-spacing:-.7px}.drawer-header h2 span{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;margin-left:8px;border-radius:30px;background:#e7f1fa;font:600 14px Arial}.drawer-close{width:38px;height:38px;padding:0!important;border-radius:100%;background:#edf2f7;color:#164b63;font-size:26px;font-weight:400}.drawer-feedback{margin:0;padding:12px 25px;background:#e8f2fb;color:#1b5a7c;font-size:13px;min-height:44px}.drawer-feedback.is-error{background:#ffe9e7;color:#922c20}.drawer-items{overflow:auto;flex:1;padding:10px 20px;min-height:110px}.drawer-item{display:grid;grid-template-columns:66px 1fr auto;gap:13px;background:white;border:1px solid #e6edf3;border-radius:15px;padding:16px 13px;margin:12px 0;align-items:start}.drawer-item>img{width:66px;height:85px;object-fit:contain;background:#f3f7fb;border-radius:10px;padding:5px}.drawer-item h3{font-size:16px;line-height:1.3;margin:2px 0 7px}.drawer-unit{margin:0;font-size:11px;color:#6c8191}.drawer-item-controls{display:flex;align-items:center;gap:7px;margin-top:13px}.drawer-step{padding:0!important;width:28px;height:28px;border:1px solid #d7e4ef;border-radius:8px;background:#eef4fa;color:#164b63;line-height:1;font-size:18px}.drawer-step:disabled{opacity:.4}.drawer-quantity{font-size:13px;min-width:18px;text-align:center;font-weight:700}.drawer-remove{font-size:11px;padding:3px 5px!important;background:transparent;color:#718398;text-decoration:underline;font-weight:400}.drawer-line-total{font-size:14px;white-space:nowrap;margin-top:4px}.drawer-bottom{background:white;padding:18px 25px 22px;border-top:1px solid #e0e8ef;box-shadow:0 -8px 20px #164b6303}.drawer-bottom dl{font-size:14px;margin:15px 0;gap:8px}.drawer-total-label,.drawer-total{font-size:23px;font-weight:700;padding-top:10px;border-top:1px solid #e5ecf3}.drawer-shipping{font-size:12px;background:#eef5fc;padding:11px 13px;border-radius:10px;color:#2e6383}.drawer-shipping.free{background:#deedf9;color:#164b63}.drawer-checkout{width:100%;text-align:center;padding:14px;border-radius:11px}.drawer-checkout[hidden]{display:none}#drawer-continue{width:100%;background:#eef3f8;font-size:13px;margin:9px 0 8px;padding:10px;border-radius:10px}.drawer-full{display:block;text-align:center;font-size:12px;color:#607d91}.drawer-empty{text-align:center;padding:35px 10px;color:#637c91}.drawer-empty>span{font-size:40px}.drawer-empty h3{color:#164b63}.drawer-empty p{font-size:13px}.drawer-launch{position:fixed;bottom:22px;right:24px;z-index:15;display:flex;align-items:center;gap:9px;background:#164b63;border:1px solid #2c627c;border-radius:40px;padding:12px 18px;box-shadow:0 7px 22px #164b6330;font-size:14px}.drawer-launch b{display:inline-flex;align-items:center;justify-content:center;background:white;color:#164b63;min-width:23px;height:23px;border-radius:100%;font-size:12px}.cart-drawer[aria-busy=true] .drawer-item-controls{pointer-events:none;opacity:.55}#cart-clock{bottom:82px;left:24px;transform:none;max-width:calc(100vw - 48px);font-size:12px}@keyframes drawer-arrive{from{transform:translateX(100%)}to{transform:translateX(0)}}@media(max-width:600px){.cart-drawer{border-radius:0}.drawer-header{padding:22px 20px 16px}.drawer-bottom{padding:15px 20px 18px}.drawer-launch{right:16px;bottom:18px}.drawer-item{grid-template-columns:56px 1fr auto;gap:10px}.drawer-item>img{width:56px}#cart-clock{left:16px;bottom:78px;width:auto;max-width:calc(100vw - 32px)}}@media(prefers-reduced-motion:reduce){.cart-drawer[open]{animation:none}}@media print{.cart-drawer,.drawer-launch{display:none}}

#cart-clock[hidden]{display:none}
.drawer-launch{gap:12px;padding:12px 18px;border-radius:16px;min-width:230px;justify-content:space-between}.drawer-launch .mini-cart-copy{display:flex;flex-direction:column;text-align:left;line-height:1.3}.drawer-launch .mini-cart-copy>span{font-size:13px;font-weight:600}.drawer-launch .mini-cart-copy small{font-size:10px;color:#d4e8f4;margin-top:4px}.drawer-launch b{display:inline;background:none;color:inherit;min-width:0;height:auto;border-radius:0;font-size:13px}.drawer-launch>strong{font-size:18px;white-space:nowrap;border-left:1px solid #ffffff35;padding-left:12px}.drawer-launch>span:first-child{font-size:22px}@media(max-width:600px){.drawer-launch{min-width:215px;padding:11px 14px}.drawer-launch>strong{font-size:16px}}

.hero{grid-template-columns:.8fr 1.2fr}.hero-stage{min-height:570px}.hero-slide>.hero-collection-photo{inset:0;width:100%;height:calc(100% - 48px);object-fit:contain;transform:scale(1.13)!important}.hero-slide .hero-product{height:76%;top:5%;max-width:46%;object-fit:contain}.campaign-banner{margin:24px auto;padding:30px 5%;max-width:1200px;border-radius:22px;background:#173e46;color:white;display:flex;align-items:center;justify-content:space-between;gap:24px}.campaign-banner h2{font-size:32px;margin:8px 0}.campaign-banner p{max-width:680px}.campaign-banner a,.contact-product{display:inline-block;padding:14px 22px;border-radius:30px;background:#3154a5;color:white;font-weight:700}.campaign-banner a{background:white;color:#173e46;white-space:nowrap}@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-stage{min-height:0}.hero-slide>.hero-collection-photo{transform:scale(1.08)!important}.campaign-banner{margin:18px;flex-direction:column;align-items:flex-start;padding:24px}.campaign-banner h2{font-size:27px}}

.product-detail .shop-photo{min-height:520px}.product-detail .shop-photo img{width:100%;height:500px;object-fit:contain}.shop-price strong{font-size:32px}.contact-product{margin:18px 0}.shop-product[hidden]{display:none!important}@media(max-width:760px){.product-detail .shop-photo{min-height:330px}.product-detail .shop-photo img{height:330px}}
.gallery-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.gallery-thumbs button{width:64px;height:64px;padding:3px;border:1px solid #dce1e8;border-radius:10px;background:white}.gallery-thumbs button[aria-pressed="true"]{border:2px solid #175866}.gallery-thumbs img,#product-dialog .gallery-thumbs img{width:100%;height:100%;object-fit:contain}.gallery-main{transition:opacity .2s}
