/* Refresh visual: conserva el verde, dorado y crema de Origen. */
:root { --ink:#143528; --leaf:#2e6b52; --moss:#1f4a38; --gold:#c9a961; --paper:#faf6ec; --line:#e4dcc8; --spring:cubic-bezier(.34,1.56,.64,1); }
html { scroll-behavior:smooth; }
body { background:linear-gradient(145deg,#faf6ec 0%,#f5efe2 58%,#fbf8f1 100%); padding-bottom:0; }
header { position:relative; overflow:hidden; padding:20px clamp(18px,4vw,58px) 18px; background:linear-gradient(115deg,#15372a 0%,#1f4a38 55%,#285b46 100%); }
header:before,header:after { content:"";position:absolute;border-radius:50%;pointer-events:none;opacity:.24; }
header:before { width:420px;height:420px;border:1px solid #d9c486;right:-155px;top:-300px; }
header:after { width:180px;height:180px;background:#c9a961;filter:blur(42px);right:12%;bottom:-145px; }
header .top-row { position:relative;z-index:1;max-width:1280px;margin:auto; }
.brand-block { gap:12px; }
.brand-block img { width:60px;height:60px;border-width:1px;box-shadow:0 9px 20px rgba(0,0,0,.18); }
header h1 { font-size:clamp(1.08rem,2vw,1.45rem);letter-spacing:.2px; }
header .sub { letter-spacing:.02em; }
#searchBox { order:4; width:100%;max-width:530px;min-width:0;background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.45);box-shadow:0 7px 19px rgba(0,0,0,.1);padding:12px 18px; }
.pills { position:relative;z-index:1;max-width:1280px;margin:17px auto 0;overflow:auto;flex-wrap:nowrap;padding:2px 0 5px;scrollbar-width:none; }
.pill { flex:0 0 auto;border-radius:999px;padding:8px 14px;transition:transform .3s var(--spring),background .25s,color .25s; }
.pill:hover { transform:translateY(-2px); }
.hero-refresh { position:relative;isolation:isolate;overflow:hidden;max-width:1280px;margin:clamp(18px,3vw,42px) auto 18px;border-radius:26px;padding:clamp(28px,6vw,76px);background:radial-gradient(circle at 75% 15%,rgba(201,169,97,.42),transparent 25%),linear-gradient(125deg,#1f4a38,#295f48);color:#fff;box-shadow:0 24px 55px rgba(31,74,56,.19); }
.hero-refresh:before,.hero-refresh:after { content:"";position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%;z-index:-1; }
.hero-refresh:before { width:460px;height:460px;right:-100px;top:-295px; }
.hero-refresh:after { width:360px;height:360px;left:-240px;bottom:-220px;background:rgba(201,169,97,.15); }
.hero-eyebrow { font:700 .72rem/1 -apple-system,Segoe UI,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#ead9a6;margin-bottom:14px; }
.hero-refresh h2 { max-width:690px;font-size:clamp(2rem,4.4vw,4.2rem);line-height:.97;letter-spacing:-.045em; }
.hero-refresh p { max-width:530px;margin:19px 0 26px;font:400 clamp(.96rem,1.5vw,1.1rem)/1.6 -apple-system,Segoe UI,sans-serif;color:rgba(255,255,255,.88); }
.hero-actions { display:flex;align-items:center;gap:12px;flex-wrap:wrap; }
.hero-cta,.catalog-link { border:0;border-radius:999px;padding:13px 20px;font:700 .88rem -apple-system,Segoe UI,sans-serif;cursor:pointer;transition:transform .3s var(--spring),box-shadow .25s; }
.hero-cta { background:var(--gold);color:var(--ink);box-shadow:0 8px 18px rgba(0,0,0,.18); }
.hero-cta:hover,.catalog-link:hover { transform:translateY(-3px) scale(1.02); }
.hero-note { font:500 .78rem -apple-system,Segoe UI,sans-serif;color:#eae2ce; }
main { max-width:1280px;padding:10px clamp(16px,3vw,32px) 74px; }
.catalog-intro { display:flex;justify-content:space-between;gap:20px;align-items:end;margin:36px 0 16px; }
.catalog-intro h2 { color:var(--ink);font-size:clamp(1.6rem,2.6vw,2.25rem); }
.catalog-intro p { margin-top:5px;color:#66776e;font:.9rem -apple-system,Segoe UI,sans-serif; }
.catalog-count { color:var(--leaf);font:700 .8rem -apple-system,Segoe UI,sans-serif;white-space:nowrap; }
.cat-heading { color:var(--leaf);border-bottom:1px solid var(--line);font-size:.74rem;margin:32px 0 15px;padding-bottom:11px;letter-spacing:.15em; }
.grid { grid-template-columns:repeat(4,minmax(0,1fr));gap:20px; }
.card { border:1px solid rgba(228,220,200,.9);border-radius:18px;box-shadow:0 5px 15px rgba(31,74,56,.04);transition:transform .42s var(--spring),box-shadow .35s,border-color .35s; }
.card:hover { transform:translateY(-8px);box-shadow:0 19px 32px rgba(31,74,56,.13);border-color:rgba(201,169,97,.72); }
.card .imgwrap { position:relative;background:linear-gradient(155deg,#fff,#f7f3eb);padding:20px; }
.card .imgwrap:after { content:"";position:absolute;width:80px;height:80px;right:-32px;bottom:-42px;background:rgba(201,169,97,.14);border-radius:50%; }
.card img { position:relative;z-index:1;transition:transform .45s var(--spring); }
.card:hover img { transform:scale(1.045) rotate(1deg); }
.image-zoom-trigger{position:relative;z-index:2;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.image-zoom-trigger:focus-visible{outline:3px solid rgba(201,169,97,.65);outline-offset:4px}.card .product-image{display:block;width:100%;height:100%;object-fit:contain}.product-image-preview{position:fixed;z-index:500;inset:0;display:grid;place-items:center;padding:clamp(18px,4vw,54px);background:rgba(10,32,24,.76);backdrop-filter:blur(9px);animation:image-preview-in .22s ease-out}.product-image-preview figure{position:relative;display:grid;justify-items:center;gap:12px;max-width:min(820px,100%);max-height:100%;margin:0}.product-image-preview img{display:block;max-width:min(760px,88vw);max-height:76vh;object-fit:contain;border-radius:18px;background:#fff;box-shadow:0 25px 70px rgba(0,0,0,.38)}.product-image-preview figcaption{font:700 1rem -apple-system,Segoe UI,sans-serif;color:#fff}.product-image-preview-close{position:fixed;top:18px;right:20px;width:42px;height:42px;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:rgba(20,53,40,.76);color:#fff;font:300 2rem/1 Arial,sans-serif;cursor:pointer}.product-image-preview-close:hover{background:var(--gold);color:var(--ink)}.image-preview-open{overflow:hidden}@keyframes image-preview-in{from{opacity:0}to{opacity:1}}
.card .info { padding:16px;gap:8px; }
.card .brandtag { font-size:9px;letter-spacing:.11em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.card .name { font-size:1rem; }.card .present { min-height:32px;line-height:1.34; }.card .desc { min-height:51px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; }
.product-price { color:var(--leaf);font:800 .9rem -apple-system,Segoe UI,sans-serif;margin-top:auto; }
.card .cart-row { gap:7px; }.qty-ctrl { border-radius:10px; }.qty-ctrl button { width:30px;border-radius:0; }.add-btn { border-radius:10px;height:34px;position:relative;overflow:hidden; }
.add-btn:after { content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.18),transparent 65%);transform:translateX(-120%);transition:transform .45s; }.add-btn:hover:after{transform:translateX(120%)}
#cartFab { right:24px;bottom:24px;background:var(--moss);border:1px solid rgba(255,255,255,.24);box-shadow:0 15px 30px rgba(20,53,40,.26);transition:transform .35s var(--spring); }
#cartFab:hover { transform:translateY(-5px) scale(1.03); } #cartCount { transition:transform .35s var(--spring); }.count-bump { transform:scale(1.33) rotate(8deg); }
#cartPanel { width:430px;max-width:100vw;border-left:1px solid rgba(228,220,200,.85); }.cart-header{background:linear-gradient(120deg,#1f4a38,#285b46);padding:21px 22px;}.cart-header h2{font-weight:700;}.cart-client{padding:20px 22px;background:linear-gradient(180deg,#fff,#fcfaf6)}.cart-client label{font-weight:700;color:var(--moss);}.cart-client label strong{color:#b5453a}.cart-client input{padding:12px;border-radius:11px;border:1px solid var(--line);font:inherit;}.cart-client input:focus{outline:3px solid rgba(201,169,97,.25);border-color:var(--gold)}.field-note{font:.75rem -apple-system,Segoe UI,sans-serif;color:#78867e;margin:6px 0 14px;}
#cartItems{padding:8px 22px}.cart-item{padding:14px 0}.cart-item img{border-radius:10px}.cart-item .ci-name{color:var(--ink)}.cart-footer{padding:18px 22px;background:#fbf8f1}.order-button{width:100%;border:0;background:var(--gold);color:var(--ink);border-radius:11px;padding:14px;font:800 .92rem -apple-system,Segoe UI,sans-serif;cursor:pointer;transition:transform .35s var(--spring),filter .2s;}.order-button:hover{transform:translateY(-3px);filter:brightness(1.04)}.order-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.order-message{display:none;margin:10px 0 0;font:.78rem -apple-system,Segoe UI,sans-serif}.order-message.error{display:block;color:#a23b33}.order-message.success{display:block;color:#1f7650}
.whatsapp-widget{position:fixed;left:22px;bottom:22px;z-index:110;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#25d366;color:#fff;text-decoration:none;box-shadow:0 12px 25px rgba(23,116,72,.29);font-size:1.55rem;transition:transform .35s var(--spring)}.whatsapp-widget:hover{transform:translateY(-5px) scale(1.08)}.whatsapp-widget:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(37,211,102,.55);border-radius:50%;animation:whatsapp-pulse 2.3s infinite}@keyframes whatsapp-pulse{0%,100%{transform:scale(.9);opacity:.85}60%{transform:scale(1.22);opacity:0}}
.site-footer{background:#15372a;color:#fff;padding:42px clamp(20px,5vw,64px) 26px;position:relative;overflow:hidden}.site-footer:after{content:"";width:300px;height:300px;border:1px solid rgba(201,169,97,.28);border-radius:50%;position:absolute;right:-120px;top:-200px}.footer-inner{position:relative;z-index:1;max-width:1280px;margin:auto;display:flex;justify-content:space-between;gap:26px;align-items:flex-end}.footer-name{font-size:1.35rem}.footer-text{margin-top:8px;font:.85rem/1.5 -apple-system,Segoe UI,sans-serif;color:#dbe6de;max-width:420px}.catalog-link{background:transparent;color:#f0d890;border:1px solid rgba(240,216,144,.6);text-decoration:none}.footer-bottom{position:relative;z-index:1;max-width:1280px;margin:30px auto 0;padding-top:15px;border-top:1px solid rgba(255,255,255,.14);font:.73rem -apple-system,Segoe UI,sans-serif;color:#a6bab0}
.toast{position:fixed;z-index:400;left:50%;bottom:90px;max-width:calc(100vw - 40px);background:#15372a;color:#fff;padding:13px 18px;border-radius:999px;font:.85rem -apple-system,Segoe UI,sans-serif;box-shadow:0 10px 25px rgba(0,0,0,.25);opacity:0;pointer-events:none;transform:translate(-50%,140%) scale(.9);transition:transform .55s cubic-bezier(.18,1.25,.4,1),opacity .3s}.toast.show{opacity:1;transform:translate(-50%,0) scale(1)}
@media(max-width:960px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-refresh{margin-inline:16px}.card .desc{min-height:0}.footer-inner{align-items:start;flex-direction:column}}
@media(max-width:680px){header{padding:15px 16px}header .top-row{gap:10px}.brand-block img{width:48px;height:48px}#searchBox{order:5;flex-basis:100%;max-width:none}.hero-refresh{padding:36px 25px;border-radius:20px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{border-radius:14px}.card .imgwrap{padding:12px}.card .info{padding:12px}.card .present{min-height:0;font-size:11px}.card .desc{font-size:11px}.card .cart-row{flex-wrap:wrap}.qty-ctrl{width:100%;justify-content:center}.add-btn{width:100%;flex-basis:100%}.catalog-intro{align-items:start;flex-direction:column;margin-top:26px}.site-footer{padding:32px 20px 22px}#cartFab{right:15px;bottom:16px;padding:13px 17px}.whatsapp-widget{left:auto;right:16px;bottom:88px}.card .brandtag{font-size:8px}.product-price{font-size:.8rem}.product-image-preview{padding:16px}.product-image-preview img{max-width:92vw;max-height:72vh}.product-image-preview-close{top:12px;right:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Catálogo: distribución continua igual a la versión inicial, sin filas por categoría. */
main{max-width:none;padding:18px clamp(20px,2vw,38px) 74px}
.hero-refresh{max-width:calc(100% - clamp(40px,4vw,76px));padding:clamp(30px,3.2vw,52px) clamp(28px,5vw,76px);margin-top:clamp(18px,2vw,32px);margin-bottom:18px;min-height:0}
.hero-refresh h2{font-size:clamp(2rem,3.25vw,3.4rem);max-width:650px}.hero-refresh p{margin:14px 0 20px}
.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card .imgwrap{aspect-ratio:1/1;padding:12px}.card .info{padding:14px}.card .present{min-height:0}.card .desc{min-height:0;-webkit-line-clamp:3}
.whatsapp-widget{font-size:0}.whatsapp-widget svg{display:block;width:29px;height:29px;fill:#fff}.whatsapp-widget:after{inset:-6px}
.brand-block img{object-fit:contain;background:#fff}
@media (max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-refresh{max-width:calc(100% - 32px);margin-inline:16px}.hero-refresh h2{font-size:clamp(1.9rem,9vw,2.65rem)}}
@media (max-width:390px){.grid{gap:9px}.card .info{padding:10px}.card .brandtag{font-size:7.5px}.card .name{font-size:.9rem}.card .desc{font-size:10.5px}}

/* Presentación más directa y acceso interno representado por el sello de Origen. */
.hero-eyebrow,.hero-note,.catalog-intro{display:none}
.site-footer{padding:30px clamp(20px,5vw,64px)}
.footer-inner{align-items:center}
.admin-emblem{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;color:#f0d890;border:1px solid rgba(240,216,144,.7);text-decoration:none;transition:transform .3s var(--spring),background .2s}
.admin-emblem svg{width:42px;height:42px}.admin-emblem:hover{transform:translateY(-3px) scale(1.06);background:rgba(240,216,144,.12)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Búsqueda expandible inspirada en la interacción "Expanding Search" de Kinetics. */
.expanding-search{order:3;margin-left:auto;width:56px;height:56px;display:flex;align-items:center;overflow:hidden;box-sizing:border-box;border:1px solid rgba(255,255,255,.44);border-radius:999px;background:rgba(255,255,255,.16);box-shadow:0 9px 20px rgba(0,0,0,.13);cursor:text;transition:width .4s cubic-bezier(.16,1,.3,1),background .22s,border-color .22s}
.expanding-search:hover,.expanding-search:focus-within{width:min(360px,42vw);background:rgba(255,255,255,.98);border-color:rgba(255,255,255,.94)}
.expanding-search svg{width:22px;height:22px;flex:0 0 56px;box-sizing:border-box;padding:0 17px;stroke:#fff;stroke-width:2;fill:none;pointer-events:none;transition:stroke .22s}
.expanding-search:hover svg,.expanding-search:focus-within svg{stroke:var(--moss)}
#searchBox{order:initial;flex:1;width:100%;max-width:none;min-width:0;box-sizing:border-box;padding:12px 16px 12px 0;border:0;background:transparent;box-shadow:none;outline:0;opacity:0;color:var(--ink);font:400 .92rem -apple-system,Segoe UI,Roboto,Arial,sans-serif;transition:opacity .16s ease .07s}
.expanding-search:hover #searchBox,.expanding-search:focus-within #searchBox{opacity:1}
#searchBox::placeholder{color:#6b776f}

/* La búsqueda queda anclada abajo a la derecha y se expande hacia la izquierda. */
header .top-row{position:relative}
.expanding-search{position:absolute;right:0;bottom:24px;margin-left:0}
@media(max-width:680px){header .top-row{flex-wrap:wrap}.expanding-search{width:50px;height:50px}.expanding-search svg{flex-basis:50px;padding:0 14px}.expanding-search:hover,.expanding-search:focus-within{width:min(330px,100%)}#searchBox{order:initial;flex-basis:auto;max-width:none}}

/* Al llegar al footer, los accesos flotantes dejan libre el sello de Origen. */
/* Identidad más visible y hero compacto. */
header{min-height:0;padding-block:16px}
header .top-row{min-height:276px;max-width:none;margin:0;align-items:center}
header .brand-block{gap:18px}
header .brand-block img{width:clamp(190px,14vw,250px);height:auto;aspect-ratio:1;object-fit:contain;border:0;border-radius:22px;background:transparent;box-shadow:0 14px 28px rgba(7,29,21,.18)}
header h1{font-size:clamp(2.05rem,3.2vw,3.35rem)}
header .sub{color:var(--gold);font-size:clamp(1rem,1.35vw,1.35rem)}
header .brand-block>div{align-self:center;text-align:left}
.hero-refresh{min-height:142px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title action" "copy action";align-content:center;column-gap:28px;row-gap:6px;padding:20px clamp(28px,5.2vw,96px)}
.hero-refresh h2{grid-area:title;max-width:none;margin:0;white-space:nowrap;font-size:clamp(1.7rem,2.6vw,3.1rem);line-height:1.04}
.hero-refresh p{grid-area:copy;margin:0;color:var(--gold);font-size:clamp(1rem,1.45vw,1.32rem)}
.hero-actions{grid-area:action;justify-self:end;align-self:center}
.hero-cta{white-space:nowrap}
@media(max-width:900px){.hero-refresh h2{white-space:normal}}
@media(max-width:760px){header .top-row{min-height:170px;align-items:center}header .brand-block img{width:108px;height:auto}.hero-refresh{min-height:0;grid-template-columns:1fr;grid-template-areas:"title" "copy" "action";padding:28px 26px;row-gap:14px}.hero-actions{justify-self:start}}

/* En móvil la búsqueda flota dentro del encabezado: no altera la composición de marca. */
@media(max-width:760px){
  header{padding:16px 18px}
  header .top-row{position:relative;min-height:190px;flex-wrap:nowrap;gap:0;padding-right:54px}
  header .brand-block{width:100%;min-width:0;gap:13px}
  header .brand-block>div{min-width:0}
  header .brand-block img{width:108px;flex:0 0 108px}
  header h1{font-size:clamp(1.55rem,7.5vw,2.15rem);line-height:1.02;letter-spacing:0}
  header .sub{font-size:clamp(.84rem,3.9vw,1rem);line-height:1.25}
  .expanding-search{position:absolute;top:auto;right:0;bottom:16px;z-index:3;width:42px;height:42px;margin:0;transform:none}
  .expanding-search svg{flex-basis:42px;padding:0 11px}
  .expanding-search:hover,.expanding-search:focus-within{width:min(255px,calc(100vw - 36px))}
}

#cartFab,.whatsapp-widget{transition:bottom .35s cubic-bezier(.16,1,.3,1),transform .35s var(--spring)}
@media(max-width:1100px){body.footer-visible #cartFab{bottom:calc(var(--footer-clearance,190px) + env(safe-area-inset-bottom))}body.footer-visible .whatsapp-widget{bottom:calc(var(--footer-clearance,190px) + env(safe-area-inset-bottom))}}

/* Evita mostrar el HTML original antes de que se aplique el portafolio actualizado. */
/* El HTML actual ya llega listo: nunca se oculta la página mientras carga el catálogo. */
html.origin-enhancing body,html.origin-ready body{visibility:visible}

/* Acción de quitar proporcional al texto, sin el contenedor de los controles de cantidad. */
#cartItems .cart-item .ci-qty .ci-remove{width:auto;height:auto;min-width:0;padding:0;margin-left:auto;border:0;background:transparent;border-radius:0;line-height:1.2;white-space:nowrap}

/* Confirmación central del pedido con el catálogo difuminado detrás. */
.order-confirmation{position:fixed;z-index:700;inset:0;display:grid;place-items:center;padding:20px;background:rgba(16,42,31,.48);backdrop-filter:blur(8px) saturate(.75);opacity:0;pointer-events:none;transition:opacity .25s ease}.order-confirmation.open{opacity:1;pointer-events:auto}.confirmation-card{position:relative;width:min(100%,510px);padding:36px;border:1px solid rgba(255,255,255,.68);border-radius:24px;background:rgba(255,253,248,.97);box-shadow:0 25px 75px rgba(0,0,0,.32);text-align:center;transform:translateY(18px) scale(.97);transition:transform .35s cubic-bezier(.16,1,.3,1)}.order-confirmation.open .confirmation-card{transform:translateY(0) scale(1)}.confirmation-close{position:absolute;top:13px;right:15px;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--moss);font-size:1.8rem;line-height:1;cursor:pointer}.confirmation-mark{width:54px;height:54px;margin:0 auto 15px;display:grid;place-items:center;border-radius:50%;background:var(--moss);color:#f4d782;font:700 1.55rem -apple-system,Segoe UI,sans-serif;box-shadow:0 10px 20px rgba(31,74,56,.24)}.confirmation-eyebrow{margin:0 0 7px;color:var(--gold);font:800 .7rem -apple-system,Segoe UI,sans-serif;letter-spacing:.14em;text-transform:uppercase}.confirmation-card h2{margin:0;color:var(--ink);font-size:clamp(1.7rem,5vw,2.2rem)}.confirmation-copy{margin:12px auto 20px;max-width:390px;color:#62736a;font:400 .95rem/1.55 -apple-system,Segoe UI,sans-serif}.confirmation-details{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--line);text-align:left}.confirmation-details div{padding:13px 14px;background:#fffdf8}.confirmation-details span{display:block;color:#758178;font:700 .68rem -apple-system,Segoe UI,sans-serif;letter-spacing:.04em;text-transform:uppercase}.confirmation-details strong{display:block;margin-top:5px;color:var(--ink);font:700 .9rem -apple-system,Segoe UI,sans-serif}.confirmation-note{margin:16px 0;color:var(--moss);font:700 .82rem -apple-system,Segoe UI,sans-serif}.confirmation-actions{display:grid;gap:9px}.confirmation-primary,.confirmation-secondary,.confirmation-dismiss{display:block;width:100%;border-radius:11px;padding:13px 16px;font:800 .9rem -apple-system,Segoe UI,sans-serif;text-decoration:none;cursor:pointer}.confirmation-primary{background:var(--gold);color:var(--ink)}.confirmation-secondary{border:1px solid var(--moss);background:transparent;color:var(--moss)}.confirmation-help{margin:13px 0;color:#77847c;font:.74rem/1.45 -apple-system,Segoe UI,sans-serif}.confirmation-dismiss{padding:6px;border:0;background:transparent;color:var(--moss)}@media(max-width:520px){.confirmation-card{padding:32px 22px}.confirmation-details{grid-template-columns:1fr}.confirmation-details div+div{border-top:1px solid var(--line)}}

/* Encabezado de escritorio: una identidad compacta a la izquierda y verde libre a la derecha. */
.pills{display:none}
@media (min-width:761px){
  header{min-height:170px;padding:0 28px;background:linear-gradient(108deg,#fff 0%,#fff 32%,#fdfcf9 44%,#ecede5 54%,#c8d6c4 64%,#92ad8b 74%,#537b62 85%,#1f5a42 100%);box-shadow:0 5px 18px rgba(16,46,34,.18)}
  /* Transición continua: sin líneas ni corte entre la identidad clara y el verde de la marca. */
  header:before,header:after{display:none}
  header .top-row{min-height:170px;max-width:none;margin:0;align-items:center}
  header .brand-block{position:relative;z-index:1;gap:14px;width:min(55vw,820px);padding-left:6px}
  header .brand-block img{width:130px;height:130px;flex:0 0 130px;aspect-ratio:1;border:0;border-radius:0;background:transparent;box-shadow:none;object-fit:contain}
  header .brand-block>div{align-self:center;text-align:left}
  header h1{color:var(--moss);font-size:clamp(1.75rem,2.45vw,2.55rem);line-height:1.04;letter-spacing:-.015em}
  header .sub{color:var(--gold);font-size:clamp(.9rem,1.2vw,1.12rem);font-weight:700}
  .expanding-search{right:10px;bottom:20px;width:42px;height:42px;background:rgba(255,255,255,.16)}
  .expanding-search svg{flex-basis:42px;padding:0 10px}
  .expanding-search:hover,.expanding-search:focus-within{width:min(420px,38vw);background:#fff}
  .hero-refresh{max-width:calc(100% - 56px);min-height:92px;margin-top:18px;margin-bottom:18px;padding:16px clamp(30px,5vw,76px)}
  .hero-refresh h2{font-size:clamp(1.6rem,2.4vw,2.65rem)}
  .hero-refresh p{font-size:clamp(.9rem,1.15vw,1.05rem)}
  .whatsapp-widget{left:auto;right:24px;bottom:92px}
  body.footer-visible #cartFab{bottom:calc(var(--footer-clearance,150px) + env(safe-area-inset-bottom))}
  body.footer-visible .whatsapp-widget{bottom:calc(var(--footer-clearance,150px) + 72px + env(safe-area-inset-bottom))}
}

/* En móvil se conserva la distribución aprobada: WhatsApp a la izquierda y carrito a la derecha. */
@media (max-width:760px){
  body.footer-visible #cartFab{bottom:calc(var(--footer-clearance,190px) + env(safe-area-inset-bottom))}
  body.footer-visible .whatsapp-widget{left:auto;right:16px;bottom:calc(var(--footer-clearance,190px) + 72px + env(safe-area-inset-bottom))}
}