/* Abaster tu super inteligente | v48. Visual-first grocery storefront. */
:root{--v48-ink:#251f20;--v48-orange:#f47d38;--v48-sun:#ffcf65;--v48-peach:#fff4e8;}
.v48-brand-logo{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;text-decoration:none;gap:0!important;min-width:0}
.v48-brand-logo .logo__name{display:block;letter-spacing:-2.3px;line-height:.96;font-weight:900;font-size:clamp(25px,3vw,36px)}
.v48-brand-caption{display:block;font-weight:800;font-size:9px;letter-spacing:2.1px;line-height:1.35;margin-top:6px;color:#b35232}
.v48-brand-caption strong{font-weight:900;color:#e26d25}
.v48-cold{margin:16px 0 26px;min-width:0}
.v48-cold-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px}
.v48-cold-kicker{color:#ae5e37;font-size:10px;font-weight:900;letter-spacing:1.4px}
.v48-cold-top h3{font-family:Outfit,Arial,sans-serif;font-size:clamp(23px,3.2vw,35px);line-height:1.1;letter-spacing:-.8px;margin:4px 0 5px;color:#302322}
.v48-cold-top p{font-size:13px;color:#806963;margin:0}
.v48-cold-brand{font-size:10px;white-space:nowrap;font-weight:950;letter-spacing:1.4px;color:#542e2a}
.v48-cold-brand strong{color:#e16b30}.v48-cold-brand span{color:#fa9e3f;margin-left:5px;font-size:19px}
.v48-cold-stage{position:relative;overflow:hidden;border-radius:26px;box-shadow:0 15px 39px rgba(74,43,36,.12);outline-offset:3px;background:#db4e32;isolation:isolate;touch-action:pan-y;}
.v48-cold-track{display:flex;transform:translate3d(0,0,0);transition:transform .6s cubic-bezier(.2,.7,.1,1);will-change:transform}
.v48-cold-slide{flex:0 0 100%;min-width:0;min-height:310px;display:grid;grid-template-columns:1.05fr .95fr;position:relative;isolation:isolate;overflow:hidden;}
.v48-cold-slide:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 68% 0%,rgba(255,255,255,.28) 0 2px,transparent 3px),radial-gradient(circle at 25% 78%,rgba(255,255,255,.15) 0 2px,transparent 3px);background-size:85px 71px,103px 100px;pointer-events:none;z-index:-1}
.v48-cold-cola{background:linear-gradient(112deg,#a52629 1%,#f05c38 59%,#ffb75c 140%)}
.v48-cold-juice{background:linear-gradient(115deg,#fda52e 0%,#f7c749 52%,#ffe29e 125%)}
.v48-cold-snacks{background:linear-gradient(110deg,#dc8b18 0%,#e8b831 57%,#fff5a0 140%)}
.v48-cold-nuts{background:linear-gradient(110deg,#8d2c2d 0%,#ca5426 62%,#ec9e44 135%)}
.v48-cold-party{background:linear-gradient(110deg,#283b41 0%,#386b70 58%,#89a6a3 145%)}
.v48-cold-copy{z-index:2;min-width:0;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:26px clamp(18px,4.5vw,54px) 58px;}
.v48-cold-pill{display:inline-block;font-size:10px;letter-spacing:1.1px;font-weight:900;color:#fff;border:1px solid #ffffff68;padding:6px 11px;border-radius:35px;background:#ffffff20}
.v48-cold-slide h4{font-family:Outfit,Arial,sans-serif;font-size:clamp(29px,4.5vw,49px);line-height:1;letter-spacing:-1.9px;font-weight:900;color:white;margin:13px 0 10px}
.v48-cold-slide h4 em{font-style:normal;color:#fff1ae}
.v48-cold-slide p{color:#fff7ef;font-size:14px;line-height:1.52;margin:0;max-width:360px}
.v48-cold-juice h4,.v48-cold-juice p,.v48-cold-juice .v48-cold-pill,.v48-cold-snacks h4,.v48-cold-snacks p,.v48-cold-snacks .v48-cold-pill{color:#52312a}
.v48-cold-juice h4 em,.v48-cold-snacks h4 em{color:#9d4224}
.v48-cold-juice .v48-cold-pill,.v48-cold-snacks .v48-cold-pill{border-color:#5f403229;background:#ffffff62}
.v48-cold-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:17px}
.v48-cold-actions button,.v48-cold-actions a{appearance:none;display:inline-block;border:0;padding:12px 20px;border-radius:13px;background:#221e20;color:#fff;font-weight:850;font-size:13px;text-decoration:none;cursor:pointer;box-shadow:0 4px 10px #3d261b22}
.v48-cold-actions button:hover,.v48-cold-actions a:hover{background:#4a2423}
.v48-cold-actions small{max-width:180px;color:#fff9f4;font-size:10px;font-weight:650;line-height:1.4}
.v48-cold-juice .v48-cold-actions small,.v48-cold-snacks .v48-cold-actions small{color:#6a4933}
.v48-cold-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:275px;min-width:0}
.v48-cold-art:before{position:absolute;content:"";width:min(76%,285px);aspect-ratio:1;border-radius:50%;background:#ffffff3d;box-shadow:0 0 0 25px #ffffff12,0 0 0 58px #ffffff09;z-index:0}
.v48-cold-art img{position:relative;z-index:2;width:auto;height:88%;max-height:265px;max-width:78%;object-fit:contain;border-radius:14px;filter:drop-shadow(13px 15px 13px #2b11143b);transform:rotate(7deg)}
.v48-cold-juice .v48-cold-art img{transform:rotate(-9deg);height:84%}
.v48-cold-snacks .v48-cold-art img{transform:rotate(8deg);height:85%}
.v48-bubble{position:absolute;z-index:1;border-radius:50%;border:1px solid #ffffff7a;box-shadow:inset 8px 6px 15px #ffffff44;background:#ffffff32}
.bubble-one{width:47px;height:47px;right:13%;top:10%}.bubble-two{width:19px;height:19px;bottom:18%;left:12%}
.v48-cold-decoration{position:absolute;z-index:1;color:#fff8e0;font-size:45px;right:15%;bottom:12%;transform:rotate(18deg)}
.v48-fruit-sun{position:absolute;z-index:0;width:230px;height:230px;border-radius:50%;background:#ffd967;box-shadow:0 0 0 20px #ffdf8470}
.v48-party-glass{font-size:clamp(100px,16vw,190px);filter:drop-shadow(10px 10px 8px #1c252a47);transform:rotate(8deg);z-index:2}
.v48-cold-controls{z-index:5;position:absolute;bottom:13px;left:20px;right:20px;display:flex;align-items:center;gap:10px;color:white}
.v48-cold-controls>button{border:1px solid #ffffff8f;width:31px;height:31px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#281b223b;color:white;font-weight:900;font-size:24px;cursor:pointer}
.v48-cold-dots{display:flex;gap:8px;align-items:center}
.v48-cold-dots button{display:block;width:7px;height:7px;background:#ffffff80;border:0;border-radius:16px;padding:0;cursor:pointer;transition:width .2s}
.v48-cold-dots button.is-active{width:25px;background:white}
.v48-cold-count{margin-left:auto;font-size:11px;letter-spacing:2px;font-weight:900}
.v48-cold-hint{font-size:11px;color:#8c7369;line-height:1.4;margin:9px 2px}
.v48-quick-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0 20px}
.v48-quick-categories button{background:#fffaf4;border:1px solid #ead8c7;border-radius:15px;padding:11px 8px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;color:#5f4036;font-size:11px;font-weight:800;min-width:0}
.v48-quick-categories button span{font-size:23px}.v48-quick-categories button:hover{background:#f9e8d9;border-color:#e9b486}
@media(max-width:800px){
 .v48-cold-slide{min-height:300px;grid-template-columns:1.12fr .88fr}
 .v48-cold-copy{padding:20px 20px 55px}
 .v48-cold-art img{max-height:225px}
}
@media(max-width:700px){
 .v48-cold-top{align-items:flex-start}.v48-cold-brand{display:none}
 .v48-cold-stage{border-radius:21px}
 .v48-cold-slide{min-height:290px;grid-template-columns:1.2fr .8fr}
 .v48-cold-copy{padding:16px 8px 54px 18px}
 .v48-cold-slide h4{font-size:clamp(25px,7vw,35px);letter-spacing:-1px;margin:11px 0}
 .v48-cold-slide p{font-size:12px;line-height:1.42}
 .v48-cold-pill{font-size:8px;letter-spacing:.45px;padding:5px 8px}
 .v48-cold-actions{margin-top:12px}
 .v48-cold-actions button,.v48-cold-actions a{font-size:11px;padding:10px 13px}
 .v48-cold-actions small{display:none}
 .v48-cold-art{min-height:230px}
 .v48-cold-art img{height:auto;max-height:205px;max-width:96%;border-radius:9px}
 .v48-cold-controls{left:14px;right:14px;bottom:12px}
 .v48-cold-count{font-size:10px}
 .v48-quick-categories{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
 .v48-quick-categories button{font-size:9px;line-height:1.2;padding:9px 4px;border-radius:12px}
 .v48-quick-categories button span{font-size:21px}
 .v48-brand-logo .logo__name{font-size:clamp(23px,6vw,34px)}
 .v48-brand-caption{font-size:8px;letter-spacing:1px}
}
@media(max-width:375px){
 .v48-cold-slide{min-height:305px;grid-template-columns:1.25fr .75fr}
 .v48-cold-copy{padding-left:12px;padding-right:0}
 .v48-cold-art img{max-width:100%}
 .v48-cold-top h3{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.v48-cold-track{transition:none!important}.v48-cold-art img{transform:none!important}}

.v48-quick-products{margin:18px 0 2px}
.v48-product-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:4px 0 13px}
.v48-product-head h3{margin:5px 0 0;color:#332725;font-family:Outfit,Arial,sans-serif;font-size:clamp(20px,2.7vw,28px);letter-spacing:-.5px}
.v48-product-sub{color:#a06b52;font-size:11px;font-weight:700}
.v48-product-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.v48-product{min-width:0;border:1px solid #eaded1;background:#fffcf8;border-radius:18px;padding:10px;display:flex;flex-direction:column;box-shadow:0 6px 12px #5e332b0a}
.v48-product-photo{background:#fff;border-radius:12px;aspect-ratio:1.08;overflow:hidden;display:flex;align-items:center;justify-content:center}
.v48-product-photo img{max-width:94%;max-height:94%;object-fit:contain}
.v48-product-info{display:flex;flex-direction:column;gap:5px;flex:1;padding-top:9px;min-width:0}
.v48-product-brand{font-size:10px;color:#b76138;font-weight:850;letter-spacing:.4px}
.v48-product-info h4{margin:0;color:#3b3030;font-size:12px;line-height:1.34;min-height:48px}
.v48-product-info>strong{font-size:17px;color:#242025}
.v48-product-info>small{font-size:9px;line-height:1.38;color:#8c746b;margin-bottom:6px}
.v48-product-info button{margin-top:auto;border:0;background:#242022;color:#fff;font-weight:800;font-size:11px;border-radius:12px;min-height:40px;cursor:pointer}
.v48-product-info button.is-added{background:#2a7444}
.v48-product-info button:hover{background:#48302e}
@media(max-width:1100px){.v48-product-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.v48-product-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.v48-product{border-radius:14px;padding:6px}.v48-product-info{gap:4px;padding:6px 2px 2px}
.v48-product-info h4{font-size:10px;min-height:43px}
.v48-product-info>strong{font-size:15px}
.v48-product-info button{font-size:10px;min-height:36px}
.v48-product-sub{display:none}
}
@media(max-width:360px){.v48-product-list{grid-template-columns:repeat(2,minmax(0,1fr))}.v48-product-info h4{font-size:11px}}

/* Fotografía de las dos presentaciones informativas +18, sin botón de compra. */
.v48-cold-party-art{gap:0}
.v48-cold-party-art img{width:auto;height:66%;max-height:225px;max-width:44%;object-fit:contain;border-radius:14px;filter:drop-shadow(10px 12px 12px #17282d77)}
.v48-cold-party-art img:nth-of-type(1){transform:translate(16px,5px) rotate(-8deg);z-index:3}
.v48-cold-party-art img:nth-of-type(2){transform:translate(-7px,-7px) rotate(7deg);z-index:2}
@media(max-width:700px){.v48-cold-party-art img{max-width:48%;max-height:175px}}

/* Seis atajos de compra realmente útiles: bebidas, jugos, papas, cacahuates y despensa. */
.v48-quick-categories{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:700px){.v48-quick-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.v48-quick-categories button{font-size:11px;padding:10px 5px}.v48-quick-categories button span{font-size:24px}}

/* V49: prioridad de compra inmediata. El carrusel va pegado al buscador
   en móvil y el bloque de bienvenida comienza justo después del slider. */
@media(max-width:700px){
 .v48-cold.shell{margin-top:8px!important;margin-bottom:9px!important}
 .v48-cold>.v48-cold-top{display:none!important}
 .v48-cold>.v48-cold-hint{font-size:10px!important;margin:7px 2px 0!important}
}
