/* Cart for the Cloudflare Pages catalog */
.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}
.cart-hint{margin-top:10px!important;color:var(--green)!important;font-size:.9rem!important;font-weight:700}
.add-to-cart{display:block;width:100%;margin-top:9px;padding:8px 10px;border:0;border-radius:999px;background:var(--paper);color:var(--accent);font:inherit;font-size:.86rem;font-weight:800;cursor:pointer;transition:transform .15s,filter .15s}
.add-to-cart{text-align:center}
.add-to-cart::before{content:none!important;display:none!important}
.add-to-cart:hover{filter:brightness(.96);transform:translateY(-1px)}
.cart-summary-main strong::before{content:none!important;display:none!important}.cart-summary-main strong{display:flex;align-items:center;gap:7px}.cart-summary-main strong .cart-icon{display:block;flex:0 0 18px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.payment-section{padding:26px 0 46px}
.payment-card{padding:28px 24px;border:1px solid var(--line);border-radius:22px;background:#eee3d3;text-align:center}
.payment-card h2{margin:5px 0 8px;font-size:clamp(1.8rem,4vw,2.5rem)}
.payment-intro{margin:0;color:var(--muted)}
.payment-options{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:20px 0 14px}
.payment-option{min-width:160px;padding:12px 18px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--green);font-weight:800;box-shadow:0 5px 14px rgba(41,26,20,.05)}
.payment-note{margin:0;color:var(--muted);font-size:.9rem;font-weight:700}
.add-to-cart:focus-visible,.cart-summary:focus-visible,.cart-panel button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.cart-summary[hidden],.cart-panel[hidden]{display:none!important}
.cart-summary{position:fixed;z-index:1000;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(620px,calc(100% - 24px));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 17px;border:0;border-radius:16px;background:var(--ink);color:#fff;box-shadow:0 12px 34px rgba(20,14,10,.25);font:inherit;text-align:left;cursor:pointer}
.cart-summary-main{display:flex;flex-direction:column;line-height:1.2}
.cart-summary-main small{margin-top:3px;color:#e4d5c4;font-size:.78rem}
.cart-summary-total{font-weight:800;white-space:nowrap}
.cart-summary-action{color:#e4d5c4;font-size:.8rem;white-space:nowrap}
.cart-panel{position:fixed;z-index:1001;left:50%;bottom:calc(78px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(620px,calc(100% - 24px));max-height:min(72vh,640px);overflow:auto;padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--paper);color:var(--ink);box-shadow:0 18px 48px rgba(20,14,10,.28)}
.cart-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cart-panel-head-main{min-width:0}.cart-restart{margin:5px 0 0;padding:3px 0;border:0;background:transparent;color:var(--green);font:inherit;font-size:.8rem;font-weight:800;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.cart-restart:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:3px}
.cart-panel-kicker{margin:0 0 2px;color:var(--green);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.cart-panel-head h2{margin:0;font-size:1.55rem}
.cart-close{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:1.4rem;line-height:1;cursor:pointer}
.cart-lines{display:grid;gap:2px;margin:14px 0}
.cart-line{display:grid;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}
.cart-line-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cart-line-info{min-width:0}
.cart-line-controls{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:4px}
.cart-line-total{font-size:.84rem;white-space:nowrap}
.cart-line-info strong{display:block;line-height:1.3}
.cart-line-info span{display:block;margin-top:3px;color:var(--muted);font-size:.82rem}
.cart-line-options{display:grid;grid-template-columns:1fr 1.15fr;gap:9px;align-items:start}
.cart-line-options [hidden],.cart-validation[hidden]{display:none!important}
.cart-field{display:flex;min-width:0;flex-direction:column;gap:4px}
.cart-other-machine-field{grid-column:1/-1}
.cart-field>span{color:var(--muted);font-size:.72rem;font-weight:700}
.cart-field select,.cart-field input{width:100%;min-height:40px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:.82rem}
.cart-field select:focus-visible,.cart-field input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.cart-validation{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fff0ec;color:#9d2b20;font-size:.84rem;font-weight:700}
.cart-qty{display:flex;flex:0 0 auto;align-items:center;gap:8px}
.cart-qty button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:1.2rem;line-height:1;cursor:pointer}
.cart-qty span{min-width:18px;text-align:center;font-weight:800}
.cart-total{display:flex;align-items:center;justify-content:space-between;padding:13px 0 0;border-top:1px solid var(--line);font-weight:700}
.cart-total strong{font-size:1.32rem}
.cart-note{margin:6px 0 14px;color:var(--muted);font-size:.8rem;line-height:1.4}
.cart-customer-fields{display:grid;gap:10px;margin:14px 0 8px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fbf6ee}
.cart-customer-fields h3{margin:0;color:var(--ink);font-size:1rem}
.cart-delivery-limit{margin:-2px 0 2px;color:var(--muted);font-size:.8rem;font-weight:700}
.cart-customer-fields .cart-field input,.cart-customer-fields .cart-field select{min-height:44px}
.cart-customer-note{margin-top:0}
.cart-actions{display:flex;align-items:center;gap:10px}
.cart-send{min-height:48px;border:0;border-radius:12px;font:inherit;font-weight:800;cursor:pointer}

.cart-send{flex:1;padding:0 14px;background:var(--green);color:#fff}
body.cart-active{padding-bottom:92px}
@media(max-width:520px){
  .payment-section{padding:18px 0 34px}
  .payment-card{padding:22px 16px}
  .payment-options{display:grid;grid-template-columns:1fr;gap:8px}
  .payment-option{min-width:0}
}
@media(max-width:420px){
  .cart-summary{padding:12px 14px}
  .cart-summary-action{display:none}
  .cart-panel{padding:16px}
  .cart-actions{flex-direction:column-reverse;align-items:stretch}
  .cart-send{width:100%}
}

.cart-shipping{display:flex;align-items:center;justify-content:space-between;padding:12px 0 0;color:var(--muted);font-size:.92rem}
.cart-shipping strong{color:var(--ink);font-weight:700}
.cart-delivery-info{margin:7px 0 14px;color:var(--muted);font-size:.8rem;line-height:1.4}


.cart-summary-main{min-width:0}
.cart-summary-shipping-hint{max-width:260px;margin-top:4px!important;color:#efc45d!important;font-size:.78rem!important;line-height:1.2}
@media(max-width:420px){.cart-summary-shipping-hint{max-width:190px;font-size:.75rem!important}}


/* Características destacadas debajo de las notas de cata */
.coffee-highlights{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin:13px 0 18px;padding:0;list-style:none}
.coffee-highlights li{display:inline-flex;align-items:center;max-width:100%;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,white);color:var(--accent);font-size:.78rem;font-weight:700;line-height:1.25}
@media(max-width:420px){.coffee-highlights{gap:6px;margin:11px 0 16px}.coffee-highlights li{padding:6px 8px;font-size:.75rem}}

/* copy, seo, delivery finder and floating WhatsApp updates */

/* Product price/fit refinements */
.add-to-cart{white-space:normal}

#deliveryDayWrapper[hidden]{display:none!important}
.cart-line-total{font-size:.8rem;white-space:nowrap}


#deliveryDayWrapper[hidden]{display:none!important}


/* Botones unificados en marrón café */
button:not(.add-to-cart),.btn,.contact-button{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important;border-radius:999px!important;text-decoration:none!important;box-shadow:0 5px 14px rgba(58,41,33,.12);font-weight:700;cursor:pointer}
button:not(.add-to-cart):hover,.btn:hover,.contact-button:hover{background:var(--ink)!important;color:#fff!important;filter:brightness(1.12)!important;transform:translateY(-1px)}



/* Override explícito para FAQ y asesoramiento */
.faq-section .faq-submit,.faq-section .faq-advisory-cta,#faqSend{background:#3a2921!important;color:#fff!important;border-color:#3a2921!important}

/* Molido y método independientes para cada paquete de la misma variedad */
.cart-line-options{display:block!important}
.cart-coffee-units,.cart-pack-instances{display:grid;gap:10px;width:100%}
.cart-coffee-unit,.cart-pack-instance{display:grid;gap:8px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.cart-unit-heading,.cart-pack-instance legend{color:var(--ink);font-size:.88rem;font-weight:800}
.cart-unit-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;min-width:0}
.cart-pack-component{display:grid;gap:7px;padding:8px 0;border-top:1px solid var(--line);min-width:0}
.cart-pack-component:first-of-type{border-top:0}
.cart-field{min-width:0}
/* Mantener el acento propio de cada café en su botón de compra */
.add-to-cart{background:var(--paper)!important;color:var(--accent)!important;border:1px solid var(--accent)!important;border-radius:999px!important}
.add-to-cart:hover{background:var(--paper)!important;color:var(--accent)!important;filter:brightness(.96)!important}


/* Refinamientos visuales aprobados el 11/10 */
#asesoramiento .contact-inner>h2+p{margin-top:18px}
.coffee-tech,.tech-details{margin:8px 0 14px!important;padding:0!important;border:0!important}
.coffee-tech>summary,.tech-details>summary{display:inline-block!important;cursor:pointer;list-style:none;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--accent,var(--green))!important;font-size:.88rem!important;font-weight:700!important;text-decoration:underline!important;text-decoration-thickness:1px;text-underline-offset:3px}
.coffee-tech>summary::-webkit-details-marker,.tech-details>summary::-webkit-details-marker{display:none}
.coffee-tech>summary::after,.tech-details>summary::after{content:" +"!important;float:none!important;margin-left:1px}
.coffee-tech[open]>summary::after,.tech-details[open]>summary::after{content:" −"!important}
#inicio .hero-features{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
#inicio .hero-features .feature{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;min-width:0;min-height:104px;padding:12px 10px!important;text-align:center!important;}
#inicio .hero-features .feature .mark{display:flex!important;align-items:center!important;justify-content:center!important;grid-column:auto!important;grid-row:auto!important;width:29px!important;height:29px!important;margin:0 auto 2px!important;border:0!important;border-radius:50%!important;background:color-mix(in srgb,var(--feature-accent) 11%,white)!important;color:var(--feature-accent)!important;line-height:1!important}
#inicio .hero-features .feature .mark svg{width:17px!important;height:17px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#inicio .hero-features .feature strong{display:block!important;grid-column:auto!important;grid-row:auto!important;width:100%;margin:0!important;font-size:.8rem!important;line-height:1.2!important;text-align:center!important;overflow-wrap:anywhere}
#inicio .hero-features .feature span:last-child{display:block!important;grid-column:auto!important;grid-row:auto!important;width:100%;margin:0!important;font-size:.77rem!important;line-height:1.25!important;text-align:center!important;overflow-wrap:anywhere}
@media(max-width:760px){#inicio .hero-features{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}#inicio .hero-features .feature{min-height:108px;padding:12px 9px!important}}
@media(max-width:420px){#inicio .hero-features .feature{min-height:106px;padding:11px 8px!important}#inicio .hero-features .feature strong{font-size:.75rem!important}#inicio .hero-features .feature span:last-child{font-size:.73rem!important}#inicio .hero-features .feature .mark{width:27px!important;height:27px!important}}


/* Acciones pequeñas y delicadas para menú y pedido */
button.mobile-menu-dismiss{display:inline-flex!important;justify-self:end!important;align-self:end!important;width:auto!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0 0 2px!important;padding:3px 2px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;color:#3a2921!important;box-shadow:none!important;font-size:.78rem!important;font-weight:700!important;line-height:1.2!important;text-decoration:none!important;transform:none!important;filter:none!important}
button.mobile-menu-dismiss:hover,button.mobile-menu-dismiss:focus-visible{background:transparent!important;color:#3a2921!important;box-shadow:none!important;transform:none!important;filter:none!important;outline:2px solid var(--gold)!important;outline-offset:1px!important}
button.cart-restart{display:inline-block!important;width:auto!important;min-width:0!important;min-height:0!important;height:auto!important;margin:5px 0 0!important;padding:3px 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#3a2921!important;box-shadow:none!important;font-size:.8rem!important;font-weight:700!important;line-height:1.2!important;text-decoration:underline!important;text-underline-offset:2px!important;transform:none!important;filter:none!important}
button.cart-restart:hover,button.cart-restart:focus-visible{background:transparent!important;color:#3a2921!important;box-shadow:none!important;transform:none!important;filter:none!important}
/* Énfasis en Asesoramiento e Historia */
#asesoramiento .advice-question,#asesoramiento .advice-opening{color:#3a2921!important}
#asesoramiento .advice-reassurance{display:block;margin:4px 0 18px!important;padding:4px 0 4px 22px!important;border-left:2px solid var(--gold)!important;color:#3a2921!important;font-family:Arial,Helvetica,sans-serif!important;font-size:1.08rem!important;font-style:italic!important;font-weight:400!important;line-height:1.65!important;text-align:left!important}
#historia .story .aside{border-left:2px solid var(--gold)!important;padding:4px 0 4px 22px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:1.08rem!important;font-style:italic!important;line-height:1.65!important;color:#3a2921!important}
#historia .story .story-highlight{color:#3a2921!important;font-weight:700!important}


/* Marrón dorado para los resaltados, sin alterar los botones generales */
#asesoramiento .advice-question,#asesoramiento .advice-opening{color:#765a34!important}
#asesoramiento .advice-reassurance{color:#765a34!important;font-style:italic!important}
#asesoramiento .advice-reassurance em{font-style:italic!important}
#historia .story .aside{color:#765a34!important;font-style:italic!important}
#historia .story .story-highlight{color:#765a34!important}


/* Tono miel elegido para los resaltados */
#asesoramiento .advice-question,#asesoramiento .advice-opening{color:#8b5a00!important}
#asesoramiento .advice-reassurance{color:#8b5a00!important;font-style:italic!important}
#asesoramiento .advice-reassurance em{font-style:italic!important}
#historia .story .aside{color:#8b5a00!important;font-style:italic!important}
#historia .story .story-highlight{color:#8b5a00!important}


/* Texto dorado en controles generales; se conservan sus fondos */
button:not(.add-to-cart),.btn,.contact-button{color:#efc45d!important}
button:not(.add-to-cart):hover,.btn:hover,.contact-button:hover{color:#efc45d!important}
#asesoramiento .advice-reassurance,#asesoramiento .advice-reassurance em{color:#8b5a00!important;font-style:italic!important}
#preguntas-frecuentes .faq-item>summary,#preguntas-frecuentes .faq-item>summary::after{color:#8b5a00!important}
#entregas .delivery-schedule-disclosure>summary,#entregas .delivery-schedule-disclosure>summary::after{color:#8b5a00!important}
#entregas .delivery-table thead th,#entregas .delivery-table tbody th{color:#8b5a00!important}
.faq-section .faq-submit,.faq-section .faq-advisory-cta,.faq-section .faq-inline-link,#faqSend{color:#efc45d!important}
button.mobile-menu-dismiss,button.cart-restart,button.cart-close,.cart-qty button{color:#8b5a00!important}
button.cart-summary,button.cart-summary *{color:#efc45d!important}


/* El primer párrafo de Asesoramiento funciona como subtítulo */
#asesoramiento .contact-inner>p.advice-subtitle{display:block;max-width:720px;margin:0 auto 20px!important;color:var(--muted)!important;font-family:Arial,Helvetica,sans-serif!important;font-size:1.06rem!important;font-style:normal!important;font-weight:400!important;line-height:1.5!important;text-align:center!important}
@media(max-width:520px){#asesoramiento .contact-inner>p.advice-subtitle{font-size:1.06rem!important;margin-bottom:18px!important}}


/* Unificación del tamaño de subtítulos y textos dorados en Días y zonas */
#asesoramiento .contact-inner>p.advice-subtitle{font-size:1.06rem!important}
#entregas .eyebrow,#entregas .delivery-search label,#entregas .delivery-search p,#entregas .delivery-schedule-disclosure>summary,#entregas .delivery-schedule-disclosure>summary::after,#entregas .delivery-table thead th,#entregas .delivery-table tbody th{color:#8b5a00!important}


/* Días y zonas: todo el texto de búsqueda, cabeceras y los signos queda ámbar */
#entregas .eyebrow,#entregas .delivery-search label,#entregas .delivery-search #neighborhoodResult,#entregas .delivery-schedule-disclosure>summary,#entregas .delivery-schedule-disclosure>summary::after,#entregas .delivery-table thead th,#entregas .delivery-table tbody th{color:#8b5a00!important}
/* Las cabeceras y etiquetas de reseñas usan el acento del paquete */
#resenas-santos>summary>span:first-child,#resenas-santos>summary::after,#resenas-santos .review-coffee{color:#20563a!important}
#resenas-bourbon>summary>span:first-child,#resenas-bourbon>summary::after,#resenas-bourbon .review-coffee{color:#20396f!important}
#resenas-huila>summary>span:first-child,#resenas-huila>summary::after,#resenas-huila .review-coffee{color:#d96d16!important}
#resenas-cajamarca>summary>span:first-child,#resenas-cajamarca>summary::after,#resenas-cajamarca .review-coffee{color:#b32135!important}
#resenas-mix>summary>span:first-child,#resenas-mix>summary::after,#resenas-mix .review-coffee{color:#8b5a00!important}
#resenas-servicio>summary>span:first-child,#resenas-servicio>summary::after,#resenas-servicio .review-coffee{color:#765a34!important}


/* Forzado adicional: el rótulo Entregas también va en ámbar */
#entregas .section-head .eyebrow{color:#8b5a00!important}


/* La CTA de asesoramiento usa texto oro claro sobre el fondo café existente */
#asesoramiento .contact-button.brand-cta,#asesoramiento .contact-button.brand-cta span{color:#efc45d!important}


/* Sistema final de oro cálido: oro vivo sobre fondo café y ámbar sobre fondo claro */
button:not(.add-to-cart),.btn,.contact-button{color:#efc45d!important}
button:not(.add-to-cart):hover,.btn:hover,.contact-button:hover{color:#efc45d!important}
#faqSend,.faq-section .faq-submit,.faq-section .faq-advisory-cta,.faq-section .faq-inline-link,#asesoramiento .contact-button.brand-cta,#asesoramiento .contact-button.brand-cta span{color:#efc45d!important}
button.cart-summary,button.cart-summary *{color:#efc45d!important}
button.mobile-menu-dismiss,button.cart-restart,button.cart-close,.cart-qty button{color:#8b5a00!important}
header .nav a,header .mobile-menu>summary,header .mobile-nav a,header .mobile-nav a:hover,header .mobile-nav a:focus-visible{color:#8b5a00!important}
#preguntas-frecuentes .faq-item>summary,#preguntas-frecuentes .faq-item>summary::after{color:#8b5a00!important}
#entregas .eyebrow,#entregas .delivery-search label,#entregas .delivery-search #neighborhoodResult,#entregas .delivery-schedule-disclosure>summary,#entregas .delivery-schedule-disclosure>summary::after,#entregas .delivery-table thead th,#entregas .delivery-table tbody th{color:#8b5a00!important}
#entregas .section-head .eyebrow{color:#8b5a00!important}
.review-more>summary,.review-more>summary::after{color:#8b5a00!important}
#resenas-mix>summary>span:first-child,#resenas-mix>summary::after,#resenas-mix .review-coffee{color:#8b5a00!important}
#asesoramiento .advice-question,#asesoramiento .advice-opening,#asesoramiento .advice-reassurance,#asesoramiento .advice-reassurance em,#historia .story .aside,#historia .story .story-highlight{color:#8b5a00!important}


/* Todos los rótulos de sección en mayúsculas pasan al oro cálido */
.eyebrow,main>section[id] .eyebrow,main>section[id] .section-head .eyebrow,main>section[id] .contact-inner>.eyebrow,main>section[id] .story .eyebrow,.packs-section .section-head .eyebrow{color:#8b5a00!important}
/* Mix en marrón y Precio/servicio en pizarra, distintos de las variedades */
#resenas-mix>summary>span:first-child,#resenas-mix>summary::after,#resenas-mix .review-coffee{color:#765a34!important}



/* Menú desplegable en marrón café para máxima legibilidad */
header .mobile-menu>summary,header .mobile-nav a,header .mobile-nav a:hover,header .mobile-nav a:focus-visible,button.mobile-menu-dismiss{color:#3a2921!important}


/* Harmonized section headings and requested product selectors */
:root{--coffee-brown:#3a2921;--pack-plum:#593451;--section-label:#b08a45;--subtitle-gray:#68615d}
main>section:not(.hero) .section-head h2,main>section:not(.hero) h2{color:var(--coffee-brown)!important}
main>section:not(.hero) .section-head .eyebrow, main>section:not(.hero) .eyebrow{color:var(--section-label)!important;text-transform:uppercase;letter-spacing:.11em;font-size:.78rem;font-weight:700}
main>section:not(.hero) .section-head p, main>section:not(.hero) .advice-subtitle{color:var(--subtitle-gray)}
main>section:not(.hero) .section-head{margin-bottom:1.5rem}
.pack-card{color:var(--coffee-brown)}
.pack-card h3,.pack-card .pack-lead,.pack-card .pack-description,.pack-card .pack-components{color:var(--coffee-brown)!important}
.pack-banner{display:flex;justify-content:space-between;gap:.5rem;align-items:center;flex-wrap:wrap;background:#593451;color:#fff;padding:.65rem .9rem;font-size:.75rem;font-weight:800;letter-spacing:.045em}
.pack-banner span{color:#fff}
.pack-pricing{margin:.8rem 0;padding:.7rem;border:1px solid rgba(58,41,33,.18);border-radius:.65rem;color:#3a2921;text-align:center}
.pack-pricing p{margin:.22rem 0;color:#3a2921}
.pack-pricing .pack-final-price{font-weight:800;font-size:1.08rem}
.pack-pricing .pack-savings{font-weight:700}
.pack-card .add-pack-to-cart,.coffee .coffee-add-button{background:#3a2921!important;color:#fff!important;border-color:#3a2921!important}
.coffee-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:1rem 0 .8rem}
.coffee-choice{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.2rem;min-width:0;padding:.45rem;border:1px solid rgba(58,41,33,.2);border-radius:.7rem;background:rgba(255,255,255,.52);cursor:pointer}
.coffee-choice-photo{display:block;width:100%;margin:0}
.coffee-choice-photo img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.coffee-choice input{accent-color:#3a2921;width:1.1rem;height:1.1rem;margin:.25rem 0 0}
.coffee-choice-label{font-weight:700}
.coffee-choice-price{color:#3a2921;font-size:1.05rem}
.coffee-add-button{display:block;width:min(100%,20rem);margin:.2rem auto 0}
#historia{background:#f5eee3;padding:clamp(1.5rem,4vw,3rem) 0}
#historia .story-details{background:rgba(255,255,255,.48);padding:1rem 1.25rem;border-radius:1rem}
#guia-molienda .milling-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:stretch}
#guia-molienda .milling-method-card{height:100%;display:flex;flex-direction:column;align-items:center}
#guia-molienda .milling-method-media{display:block;width:100%;aspect-ratio:1/1;overflow:hidden}
#guia-molienda .milling-method-poster,#guia-molienda .milling-method-video{display:block;width:100%;height:100%;object-fit:contain;background:transparent}
#guia-molienda .milling-detail-content{display:flex;justify-content:center}
#guia-molienda .milling-grind-image{display:block;width:min(100%,680px);height:auto;aspect-ratio:1/1;object-fit:contain}
#guia-molienda .milling-grind-title{display:none!important}
.review-invitation{text-align:center;max-width:48rem;margin:2rem auto 0;padding:1.2rem}
.review-invitation p{color:#3a2921;margin:0 0 1rem}
.review-google-button{background:#3a2921!important;color:#fff!important}
@media(max-width:760px){#guia-molienda .milling-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.coffee-choices{gap:.4rem}.coffee-choice{padding:.3rem}.pack-banner{justify-content:center}}

/* Restauración de la versión anterior de packs y botones por presentación */
#packs .pack-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}
#packs .pack-card{display:flex!important;flex-direction:column!important;min-width:0!important;height:100%!important;overflow:hidden!important;background:#fffdf8!important;border:1px solid #dfd2c2!important;border-radius:16px!important;box-shadow:0 4px 14px rgba(58,41,33,.08)!important}
#packs .pack-banner{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:100%!important;min-height:48px!important;padding:8px 12px!important;background:#20563a!important;color:#fff!important;border:0!important;border-radius:14px 14px 0 0!important;text-align:center!important;font-weight:900!important;line-height:1.2!important}
#packs .pack-banner span{color:#fff!important}
#packs .pack-photos{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important}
#packs .pack-photos figure{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important}
#packs .pack-photo{display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:initial!important;object-position:initial!important;background:transparent!important;border:0!important;border-radius:0!important}
#packs .pack-photos figcaption{padding:7px 4px 2px!important;color:#3a2921!important;text-align:center!important;font-weight:700!important}
#packs .pack-card-body{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:9px!important;padding:16px 20px 20px!important}
#packs .pack-title,#packs .pack-card h3{margin:0!important;color:#20563a!important;font-size:1.45rem!important;line-height:1.2!important}
#packs .pack-components,#packs .pack-unit,#packs .pack-total,#packs .pack-lead,#packs .pack-description,#packs .pack-more>p,#packs .pack-more>summary{color:#3a2921!important}
#packs .pack-price-details{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;margin:4px 0 0!important;padding:11px 14px!important;background:#f3eee2!important;border:1px solid #dfd2c2!important;border-radius:12px!important}
#packs .pack-price-line{margin:0!important;color:#3a2921!important;line-height:1.35!important}
#packs .pack-price-line-old{color:#76675e!important}
#packs .pack-price-line-old s{color:#76675e!important}
#packs .pack-price-line-current,#packs .pack-price-line-current strong{color:#3a2921!important}
#packs .pack-price-line-saving{font-weight:800!important}
#packs .pack-card .add-pack-to-cart{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;min-height:52px!important;margin-top:2px!important;padding:10px 13px!important;background:#3a2921!important;color:#efc45d!important;border:1px solid #3a2921!important;border-radius:12px!important;box-shadow:0 4px 12px rgba(58,41,33,.14)!important;font-size:.98rem!important;font-weight:800!important;white-space:normal!important}
#packs .pack-card .add-pack-to-cart:hover,#packs .pack-card .add-pack-to-cart:focus-visible{background:#3a2921!important;color:#efc45d!important;filter:brightness(1.08)!important}
#cafes .coffee.santos{--accent:#20563a!important}#cafes .coffee.bourbon{--accent:#315c8c!important}#cafes .coffee.colombia,#cafes .coffee.huila{--accent:#a84b18!important}#cafes .coffee.peru{--accent:#9e3435!important}
#cafes .coffee-photos{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0!important;padding:14px 14px 0!important;background:#fffdf8!important}
#cafes .coffee-photo-wrap{margin:0!important;min-width:0!important;text-align:center!important}
#cafes .coffee-photo{display:block!important;width:100%!important;aspect-ratio:1/1!important;object-fit:contain!important;object-position:center!important;background:#f3eadf!important;border:1px solid #dfd2c2!important;border-radius:12px!important}
#cafes .coffee-photo-wrap figcaption{padding:6px 4px 2px!important;color:var(--accent)!important;font-size:.9rem!important;font-weight:800!important;text-align:center!important}
#cafes .coffee-body .prices{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:14px 0 8px!important;align-items:stretch!important}
#cafes .coffee-body .price{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:5px!important;min-width:0!important;min-height:0!important;padding:10px 9px!important;background:var(--accent)!important;color:#fff!important;border:1px solid var(--accent)!important;border-radius:12px!important;text-align:center!important;box-sizing:border-box!important}
#cafes .coffee-body .price span{display:block!important;color:#fff!important;font-size:.9rem!important;font-weight:800!important;opacity:1!important}
#cafes .coffee-body .price strong{display:block!important;color:#fff!important;font-size:1.13rem!important;line-height:1.2!important;white-space:nowrap!important}
#cafes .coffee-body .price>.add-to-cart{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;min-height:48px!important;margin:4px 0 0!important;padding:8px 5px!important;background:var(--accent)!important;color:#fff!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:9px!important;box-shadow:none!important;font-size:.82rem!important;font-weight:800!important;line-height:1.15!important;text-align:center!important;white-space:normal!important}
#cafes .coffee-body .price>.add-to-cart:hover,#cafes .coffee-body .price>.add-to-cart:focus-visible{background:#fff!important;color:var(--accent)!important;border-color:#fff!important}
/* Guía de molienda: tarjetas de la maqueta anterior, compactas y alineadas */
#guia-molienda .milling-selector{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:1fr!important;gap:10px!important;align-items:stretch!important;justify-items:stretch!important;max-width:900px!important;margin:0 auto 12px!important}
#guia-molienda .milling-method-card{appearance:none!important;-webkit-appearance:none!important;position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;padding:8px!important;background:#fffdf8!important;color:#3a2921!important;border:1px solid #ded5ca!important;border-radius:14px!important;box-shadow:0 3px 10px rgba(58,41,33,.08)!important;text-align:center!important;cursor:pointer!important}
#guia-molienda .milling-method-card::before,#guia-molienda .milling-method-card::after,#guia-molienda .milling-method-media::before,#guia-molienda .milling-method-media::after{display:none!important;content:none!important;background:transparent!important;box-shadow:none!important}
#guia-molienda .milling-method-card[aria-pressed="true"]{border:2px solid #8b5a00!important;box-shadow:0 0 0 2px rgba(197,138,37,.12),0 4px 12px rgba(58,41,33,.08)!important}
#guia-molienda .milling-method-media{position:relative!important;display:block!important;width:min(100%,130px)!important;aspect-ratio:1/1!important;margin:0 auto!important;overflow:hidden!important;background:transparent!important;border:0!important;border-radius:8px!important;box-shadow:none!important}
#guia-molienda .milling-method-poster,#guia-molienda .milling-method-video{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:transparent!important;border:0!important;border-radius:8px!important;box-shadow:none!important}
#guia-molienda .milling-method-name{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:2.4em!important;margin:4px 0 0!important;padding:2px 3px!important;color:#3a2921!important;font-size:.9rem!important;font-weight:800!important;line-height:1.2!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important}
#guia-molienda .milling-detail{display:block!important;width:100%!important;min-height:0!important;height:auto!important;margin:10px auto 12px!important;padding:10px 12px!important;background:#fffdf8!important;border:1px solid #ded5ca!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(58,41,33,.05)!important;text-align:center!important;box-sizing:border-box!important}
#guia-molienda .milling-initial{display:block!important;margin:0!important;padding:0!important;color:#5e5148!important;font-size:.95rem!important;font-weight:700!important;line-height:1.3!important;text-align:center!important}
#guia-molienda .milling-initial[hidden],#guia-molienda .milling-detail-content[hidden]{display:none!important;width:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
#guia-molienda .milling-detail-content:not([hidden]){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;min-height:0!important;margin:0!important;padding:8px!important}
#guia-molienda .milling-grind-image{display:block!important;width:min(100%,420px)!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;margin:0 auto!important}
#guia-molienda .milling-grind-title{display:none!important}
#guia-molienda .milling-note,#guia-molienda .milling-note h3,#guia-molienda .milling-note p,#guia-molienda .milling-contact,#guia-molienda .milling-contact>p{text-align:center!important}
#guia-molienda .milling-contact{display:flex!important;flex-direction:column!important;align-items:center!important}
#guia-molienda .milling-contact .contact-button{align-self:center!important;color:#efc45d!important;background:#3a2921!important}
@media(max-width:760px){
 #packs .pack-grid{grid-template-columns:1fr!important;gap:14px!important}
 #packs .pack-card-body{padding:14px 16px 18px!important}
 #packs .pack-card .add-pack-to-cart{min-height:54px!important;font-size:.96rem!important}
 #cafes .coffee-photos{gap:8px!important;padding:11px 11px 0!important}
 #cafes .coffee-body .prices{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 #cafes .coffee-body .price{padding:8px 6px!important;gap:4px!important}
 #cafes .coffee-body .price strong{font-size:1.02rem!important}
 #cafes .coffee-body .price>.add-to-cart{min-height:50px!important;padding:7px 4px!important;font-size:.74rem!important}
 #guia-molienda .milling-selector{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 #guia-molienda .milling-method-card{padding:8px!important;gap:3px!important}
 #guia-molienda .milling-method-media{width:min(100%,130px)!important}
 #guia-molienda .milling-method-name{min-height:2.5em!important;font-size:.9rem!important}
 #guia-molienda .milling-detail{margin:8px auto 10px!important;padding:9px 10px!important}
 #guia-molienda .milling-grind-image{width:min(100%,420px)!important}
}

/* Final visual calibration against the supplied earlier Packs reference */
#packs .pack-components{margin:0!important;font-weight:700!important;line-height:1.35!important}
#packs .pack-lead{color:#20563a!important;font-weight:800!important}
#packs .pack-card .pack-savings{color:#20563a!important;font-weight:800!important}
#packs .pack-price-line-old{font-size:.85rem!important}
#packs .pack-photo{border-radius:0!important}

/* Variety card purchase area: equal square 500 g / 1 kg blocks after the detail sheet */
#cafes .coffee-body .prices{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;margin:16px 0 0!important;align-items:stretch!important}
#cafes .coffee-body .price{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:100%!important;min-width:0!important;min-height:0!important;aspect-ratio:1/1!important;height:auto!important;padding:10px!important;background:var(--accent)!important;color:#fff!important;border:1px solid var(--accent)!important;border-radius:12px!important;box-sizing:border-box!important;text-align:center!important}
#cafes .coffee-body .price>span{display:block!important;margin:0!important;color:#fff!important;font-size:.95rem!important;font-weight:800!important;line-height:1.2!important}
#cafes .coffee-body .price>strong{display:block!important;color:#fff!important;font-size:1.16rem!important;line-height:1.2!important;white-space:nowrap!important}
#cafes .coffee-body .price>.add-to-cart{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;min-height:42px!important;margin:2px 0 0!important;padding:7px 5px!important;background:var(--accent)!important;color:#fff!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:9px!important;box-shadow:none!important;font-size:.82rem!important;font-weight:800!important;line-height:1.15!important;text-align:center!important;white-space:normal!important}
#cafes .coffee-body .price>.add-to-cart .cart-icon{display:block!important;flex:none!important;width:16px!important;height:16px!important;stroke:currentColor!important}
#cafes .coffee-body .price>.add-to-cart>span{display:inline!important;color:inherit!important;font-size:inherit!important;font-weight:inherit!important}
@media(max-width:760px){#cafes .coffee-body .prices{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:14px!important}#cafes .coffee-body .price{padding:8px!important;gap:6px!important}#cafes .coffee-body .price>.add-to-cart{min-height:40px!important;font-size:.76rem!important}}


/* Ajustes finales de la maqueta aprobada: colores originales, botones y jerarquía. */
:root{--coffee-brown:#3a2921;--pack-plum:#593451;--section-label:#8b5a00;--subtitle-gray:#76675e}
/* Packs */
#packs .pack-banner{background:#593451!important;color:#fff!important}
#packs .pack-banner span{color:#fff!important}
#packs .pack-card h3,#packs .pack-title,#packs .pack-lead,#packs .pack-description,#packs .pack-components,#packs .pack-unit{color:#3a2921!important}
#packs .pack-grid{align-items:stretch!important}
#packs .pack-card{height:100%!important;display:flex!important;flex-direction:column!important}
#packs .pack-card-body{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-width:0!important}
#packs .pack-total{margin:0!important;padding:8px 10px!important;border-left:4px solid #593451!important;background:#f3eadf!important;color:#3a2921!important;font-weight:800!important;line-height:1.3!important}
#packs .pack-more{margin:0!important;padding-top:2px!important;border-top:1px solid #dfd2c2!important}
#packs .pack-more>summary{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding:7px 0!important;color:#3a2921!important;font-size:.92rem!important;font-weight:700!important;text-decoration:underline!important;text-underline-offset:3px!important;cursor:pointer!important}
#packs .pack-more>summary::-webkit-details-marker{display:none!important}
#packs .pack-more>summary::after{content:"+";flex:0 0 auto}
#packs .pack-more[open]>summary::after{content:"−"}
#packs .pack-more>p{margin:0!important;padding:0 0 8px!important;color:#4f4036!important;font-size:.92rem!important;line-height:1.5!important}
#packs .pack-price-details{margin-top:auto!important;display:flex!important;flex-direction:column!important;gap:6px!important;padding:11px 14px!important;background:#f3eee2!important;border:1px solid #dfd2c2!important;border-radius:12px!important}
#packs .pack-price-line{margin:0!important;line-height:1.35!important;color:#3a2921!important}
#packs .pack-price-line-old{font-size:.82rem!important;color:#76675e!important}
#packs .pack-price-line-old s{color:#76675e!important}
#packs .pack-price-line-current{display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:8px!important;font-size:.95rem!important}
#packs .pack-price-line-current strong{font-size:1.32rem!important;font-weight:900!important;white-space:nowrap!important;color:#3a2921!important}
#packs .pack-price-line-saving,#packs .pack-savings{color:#593451!important;font-size:.95rem!important;font-weight:800!important}
#packs .pack-card .add-pack-to-cart{margin-top:10px!important;background:#3a2921!important;color:#fff!important;border-color:#3a2921!important}
#packs .pack-card .add-pack-to-cart:hover,#packs .pack-card .add-pack-to-cart:focus-visible{background:#3a2921!important;color:#fff!important;filter:brightness(1.08)!important}
/* The actual package colors are the long-standing brand colors, not approximate shades. */
#cafes .coffee.santos{--accent:#20563a!important}
#cafes .coffee.bourbon{--accent:#20396f!important}
#cafes .coffee.colombia,#cafes .coffee.huila{--accent:#d96d16!important}
#cafes .coffee.peru{--accent:#b32135!important}
#cafes .coffee-top h3,#cafes .origin-tag,#cafes .coffee-photo-wrap figcaption,#cafes .specialty,#cafes .cata-label,#cafes .coffee-tech>summary,#cafes .coffee-data dt,#cafes .coffee-detail-link{color:var(--accent)!important}
#cafes .coffee-detail-link{font-weight:700!important;text-decoration:underline!important;text-underline-offset:3px!important}
/* One SVG cart icon, identical size and alignment across all purchase buttons. */
.add-to-cart::before,.add-pack-to-cart::before,.coffee-add-button::before{content:none!important;display:none!important}
.add-to-cart,.add-pack-to-cart,.coffee-add-button{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:50px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:8px 9px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:.9rem!important;font-weight:800!important;line-height:1.15!important;text-align:center!important;white-space:normal!important;box-sizing:border-box!important}
.add-to-cart .cart-icon,.add-pack-to-cart .cart-icon,.coffee-add-button .cart-icon{display:block!important;flex:0 0 18px!important;width:18px!important;height:18px!important;stroke:currentColor!important;stroke-width:1.8!important}
.add-to-cart>span,.add-pack-to-cart>span,.coffee-add-button>span{display:block!important;flex:0 1 auto!important;min-width:0!important;max-width:calc(100% - 25px)!important;text-align:center!important;overflow-wrap:normal!important}
#packs .pack-card .add-pack-to-cart{background:#3a2921!important;color:#fff!important;border:1px solid #3a2921!important;border-radius:10px!important}
#cafes .coffee-body .prices{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;align-items:stretch!important}
#cafes .coffee-body .price{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:0!important;min-height:0!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;padding:10px!important;background:var(--accent)!important;color:#fff!important;border:1px solid var(--accent)!important;border-radius:12px!important;box-sizing:border-box!important;text-align:center!important}
#cafes .coffee-body .price>span,#cafes .coffee-body .price>strong{color:#fff!important}
#cafes .coffee-body .price>.add-to-cart{width:100%!important;min-height:50px!important;padding:7px 5px!important;background:var(--accent)!important;color:#fff!important;border:1px solid rgba(255,255,255,.88)!important;border-radius:10px!important;box-shadow:none!important;font-size:.82rem!important}
#cafes .coffee-body .price>.add-to-cart:hover,#cafes .coffee-body .price>.add-to-cart:focus-visible{background:var(--accent)!important;color:#fff!important;border-color:#fff!important;filter:brightness(1.06)!important}
/* Section-heading order and colors. */
.section-head .section-logo,#asesoramiento .section-logo,#historia .section-logo{display:block!important;width:40px!important;height:40px!important;object-fit:contain!important;margin:0 auto 8px!important}
.section-head .eyebrow,#asesoramiento .contact-inner>.eyebrow,#historia .section-head .eyebrow{display:block!important;margin:0 0 6px!important;color:#8b5a00!important;font-size:.76rem!important;font-weight:800!important;letter-spacing:.14em!important;line-height:1.2!important;text-transform:uppercase!important}
.section-head h2,#asesoramiento .contact-inner>h2,#historia .section-head h2{margin:0 0 8px!important;color:#3a2921!important;font-size:clamp(1.75rem,4vw,2.55rem)!important;line-height:1.18!important}
.section-head>p,#asesoramiento .contact-inner>p.advice-subtitle,#historia .story-subtitle{margin:0 auto 18px!important;color:#76675e!important;font-size:1.03rem!important;line-height:1.5!important;text-align:center!important}
#historia{background:#f3eadf!important;padding:28px 0 34px!important}
#historia .section-head{max-width:760px!important;margin:0 auto 20px!important;padding:0 20px!important;text-align:center!important}
#historia .story{width:min(980px,calc(100% - 40px))!important;margin:0 auto!important;gap:24px!important}
#asesoramiento .advice-question{color:#8b5a00!important;font-weight:700!important}
#asesoramiento .advice-reassurance{display:block!important;margin:10px 0 18px!important;padding:5px 0 5px 20px!important;border-left:2px solid #b08a45!important;color:#8b5a00!important;font-style:italic!important;line-height:1.6!important;text-align:left!important}
/* Keep floating controls outside the cart summary and safe areas. */
.mobile-menu{position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 14px)!important;right:calc(env(safe-area-inset-right,0px) + 14px)!important;z-index:1001!important}
.whatsapp-float{right:calc(env(safe-area-inset-right,0px) + 14px)!important;bottom:calc(env(safe-area-inset-bottom,0px) + 84px)!important;z-index:998!important;width:46px!important;height:46px!important}
.cart-delivery-summary{margin:10px 0 0!important;padding:9px 11px!important;border-left:3px solid #b08a45!important;border-radius:6px!important;background:#f3eadf!important;color:#3a2921!important;font-size:.92rem!important;font-weight:700!important;line-height:1.4!important}
.delivery-text-link{color:#8b5a00!important;font-weight:700!important;text-decoration:underline!important;text-underline-offset:2px!important}
@media(max-width:760px){
 #packs .pack-grid{grid-template-columns:1fr!important;gap:14px!important}
 #packs .pack-card-body{padding:14px 16px 18px!important;gap:8px!important}
 #cafes .coffee-body .prices{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 #cafes .coffee-body .price{padding:8px!important;gap:6px!important}
 #cafes .coffee-body .price>.add-to-cart{min-height:50px!important;padding:6px 4px!important;font-size:.8rem!important}
 #guia-molienda .milling-selector{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 #guia-molienda .milling-method-media{width:min(100%,130px)!important;aspect-ratio:1/1!important}
 #guia-molienda .milling-method-name{min-height:2.5em!important}
}
@media(max-width:360px){
 #cafes .coffee-body .price{padding:7px!important}
 #cafes .coffee-body .price>.add-to-cart{min-height:52px!important;font-size:.76rem!important;gap:5px!important}
 #cafes .coffee-body .price>.add-to-cart .cart-icon{flex-basis:17px!important;width:17px!important;height:17px!important}
 #packs .pack-card-body{padding-left:14px!important;padding-right:14px!important}
}
.cart-checkout-note{margin:8px 4px 0!important;color:#76675e!important;font-size:.82rem!important;line-height:1.45!important;text-align:center!important}
#resenas .review-total{margin:0 auto 16px!important;color:#3a2921!important;font-size:1.08rem!important;font-weight:800!important;line-height:1.35!important;text-align:center!important}
#resenas .review-source-label{margin:0 0 5px!important;color:#76675e!important;font-size:.75rem!important;font-weight:700!important;line-height:1.3!important}


/* Cart refinement: keep controls calm and within the mobile viewport. */
#cartPanel{box-sizing:border-box!important;overflow-x:hidden!important;overscroll-behavior:contain!important}
#cartPanel .cart-actions{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important}
#cartPanel #cartSend{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:auto!important;min-width:180px!important;max-width:100%!important;min-height:44px!important;margin:0 auto!important;padding:0 20px!important;border:0!important;border-radius:9px!important;background:#20563a!important;color:#fff!important;box-shadow:none!important;font-family:inherit!important;font-size:.94rem!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important;transform:none!important;filter:none!important}
#cartPanel #cartSend:hover,#cartPanel #cartSend:focus-visible{background:#20563a!important;color:#fff!important;box-shadow:none!important;filter:brightness(1.05)!important}
#cartPanel .cart-checkout-note{margin:8px 4px 0!important;color:#76675e!important;font-size:.82rem!important;line-height:1.45!important;text-align:center!important}
#cartPanel #cartClose{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#3a2921!important;box-shadow:none!important;font-family:Arial,Helvetica,sans-serif!important;font-size:1.8rem!important;font-weight:400!important;line-height:1!important;text-decoration:none!important;transform:none!important;filter:none!important;cursor:pointer!important}
#cartPanel #cartClose:hover,#cartPanel #cartClose:focus-visible{background:transparent!important;color:#3a2921!important;box-shadow:none!important;filter:none!important}
#cartPanel .cart-restart{display:inline-block!important;width:auto!important;min-width:0!important;min-height:0!important;height:auto!important;margin:5px 0 0!important;padding:3px 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#3a2921!important;box-shadow:none!important;font-size:.8rem!important;font-weight:700!important;line-height:1.2!important;text-decoration:underline!important;text-underline-offset:2px!important;transform:none!important;filter:none!important}
#cartPanel .cart-qty button.cart-qty-control{appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 32px!important;width:32px!important;height:34px!important;min-width:32px!important;min-height:34px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#3a2921!important;box-shadow:none!important;font:inherit!important;font-size:1.25rem!important;font-weight:400!important;line-height:1!important;transform:none!important;filter:none!important;cursor:pointer!important}
#cartPanel .cart-qty button.cart-qty-control:hover{background:transparent!important;color:#20563a!important;box-shadow:none!important;filter:none!important}
#cartPanel .cart-qty button.cart-qty-control:focus-visible,#cartPanel #cartClose:focus-visible{outline:2px solid #b08a45!important;outline-offset:2px!important}
@media(max-width:760px){
  #cartPanel{position:fixed!important;inset-inline:8px!important;left:8px!important;right:8px!important;bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important;top:auto!important;transform:none!important;width:auto!important;max-width:none!important;max-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 16px)!important;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 16px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:16px!important;border-radius:18px!important}
  #cartPanel .cart-line-top{gap:8px!important}
  #cartPanel .cart-line-controls{gap:3px!important}
  #cartPanel .cart-summary{left:8px!important;right:8px!important;bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important;transform:none!important;width:auto!important;max-width:none!important;box-sizing:border-box!important}
}
@media(max-width:360px){#cartPanel{left:7px!important;right:7px!important;inset-inline:7px!important;padding:14px!important}#cartPanel #cartSend{min-width:172px!important}}

@media(max-width:760px){#cartSummary{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important;transform:none!important;width:auto!important;max-width:none!important;box-sizing:border-box!important}}

/* Discovery price text: retain the approved wording on narrow screens. */
#packs .pack-price-line-discovery{display:block!important;font-size:.95rem!important;line-height:1.4!important}
#packs .pack-price-line-discovery strong{font-size:inherit!important;white-space:normal!important}
@media(max-width:760px){#resenas{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))!important}}
/* Weight stays prominent; the zoom hint is smaller but readable. */
#cafes .coffee-photo-wrap figcaption .coffee-photo-weight{display:block!important}
#cafes .coffee-photo-wrap figcaption .coffee-photo-enlarge-hint{display:block!important;margin-top:2px!important;color:#6b5141!important;font-size:.75rem!important;font-weight:500!important;line-height:1.3!important}

/* Opciones excluyentes de entrega y retiro */
.delivery-choice{display:grid;gap:8px;margin:14px 0 6px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fbf6ee}
.delivery-choice legend{padding:0 4px;color:var(--ink);font-size:.95rem;font-weight:800}
.delivery-choice-card{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#fffdf9;cursor:pointer}
.delivery-choice-card:has(input:checked){border-color:var(--green);box-shadow:0 0 0 1px var(--green)}
.delivery-choice-card input{flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;accent-color:var(--green)}
.delivery-choice-copy{display:grid;gap:3px;color:var(--ink)}
.delivery-choice-copy strong{font-size:.9rem}
.delivery-choice-copy small{color:var(--muted);font-size:.8rem;line-height:1.4}
#deliveryAddressWrapper[hidden],#deliveryNeighborhoodWrapper[hidden],#deliveryDayWrapper[hidden],#cartDeliverySummary[hidden],#cartDeliveryLimit[hidden]{display:none!important}

/* Información del punto de retiro integrada en su opción */
.pickup-details{display:grid;gap:4px;margin:8px 0 2px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fffdf9;color:var(--ink);font-size:.82rem;line-height:1.45}
.pickup-details[hidden]{display:none!important}
.pickup-details strong{color:var(--green)}