/* Logo del afiche original y fotografías con fondo eliminado para las tarjetas. */
.contact.contact-compact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:32px;padding-top:30px;padding-bottom:30px}
.contact.contact-compact h2{font-size:clamp(36px,4vw,50px);line-height:1;letter-spacing:-1.5px;max-width:none;margin:0 0 18px}
.contact-compact .visit-invitation{font-size:14px;margin:0 0 5px}.contact-compact .visit-hours{font-size:15px;line-height:1.7;margin:0}.visit-hours span{font-size:13px}
.contact-follow{display:grid;grid-template-columns:minmax(0,1fr) 78px;align-items:center;gap:10px 20px}
.contact-follow h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:34px;line-height:1.05;text-transform:uppercase;margin:0 0 10px;letter-spacing:-.5px}.contact-follow p{font-size:14px;line-height:1.7;margin:0;max-width:280px}
.follow-instagram-button{display:flex;justify-content:center;align-items:center;width:78px;height:78px;border-radius:18px;background:#fff9e8;transition:transform .2s}
.contact-follow .follow-instagram-button::before{display:block;width:46px;height:46px;flex-basis:46px;margin:0;vertical-align:baseline}
.follow-instagram-button:hover{transform:translateY(-2px)}.follow-instagram-button:focus-visible{outline:3px solid #ffe500;outline-offset:5px}.follow-instagram-handle{grid-column:1 / -1;font-size:12px;opacity:.9}
@media(max-width:760px){.contact.contact-compact{grid-template-columns:1fr;gap:24px;padding-top:26px;padding-bottom:26px}.contact.contact-compact h2{font-size:40px}.contact-follow{gap:10px 16px;grid-template-columns:minmax(0,1fr) 64px}.contact-follow h3{font-size:30px}.follow-instagram-button{width:64px;height:64px;border-radius:15px}.contact-follow .follow-instagram-button::before{width:38px;height:38px;flex-basis:38px}}
@media(prefers-reduced-motion:reduce){.follow-instagram-button{transition:none}}
.hero-copy .intro{font-size:18px;line-height:1.8}
.hero-copy .hero-quisco-title{font-size:clamp(48px,4.8vw,68px);line-height:.98;letter-spacing:-2px;overflow-wrap:normal}
.hero-title-emoji{display:inline-block;font-size:.48em;letter-spacing:0;white-space:nowrap;vertical-align:middle}
@media(max-width:760px){.hero-copy .hero-quisco-title{font-size:clamp(46px,11vw,76px);letter-spacing:-1.5px}}
.hero-copy .hero-specialty{font-size:14px;letter-spacing:1.2px;line-height:1.6;font-weight:800;text-transform:uppercase}
@media(max-width:760px){.hero-copy .hero-specialty{font-size:13px}}
.hero-art .art-caption{justify-content:center;text-align:center;font-size:16px;font-weight:700;letter-spacing:1.2px;line-height:1.5;margin-top:18px;text-transform:uppercase}
@media(max-width:760px){.hero-art .art-caption{font-size:15px}}
.product-ticker{padding:15px 0;overflow:hidden;background:transparent;color:#ffe500}
.product-ticker>.product-ticker-track{display:flex;justify-content:flex-start;align-items:center;width:max-content;gap:0;animation:playero-products-scroll 85s linear infinite}
.product-ticker-list{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;flex-shrink:0}
.product-ticker-list li{display:flex;align-items:center;gap:28px;padding-right:28px;white-space:nowrap;text-transform:uppercase;font-size:25px;line-height:1.2;font-weight:700}
.product-ticker .ticker-logo{display:inline-block;width:38px;height:38px;flex:0 0 38px}
.product-ticker:hover .product-ticker-track,.product-ticker:focus-within .product-ticker-track{animation-play-state:paused}
.product-ticker:focus-visible{outline:3px solid #fff6dc;outline-offset:3px}
@keyframes playero-products-scroll{to{transform:translateX(-50%)}}
@media(max-width:760px){.product-ticker-list li{font-size:22px;gap:20px;padding-right:20px}.product-ticker .ticker-logo{width:32px;height:32px;flex-basis:32px}}
@media(prefers-reduced-motion:reduce){.product-ticker>.product-ticker-track{animation:none}.product-ticker{overflow-x:auto}.product-ticker-list[aria-hidden="true"]{display:none}}
.catalog .brands-window{border:0}
.catalog .icecream-varieties{margin-bottom:16px}.catalog .brands-window{margin-bottom:0}.catalog{padding-bottom:45px}
.location-card{display:grid;grid-template-columns:minmax(0,1fr) 112px;column-gap:20px;align-items:start}
.location-card>.location-label,.location-card>address,.location-card>p{grid-column:1}
.location-map-reference{display:block;grid-column:2;grid-row:1 / span 3;align-self:center;width:112px;margin:0}
.location-map-reference img{display:block;width:112px;height:112px;object-fit:contain;border-radius:9px}
.location-map-reference span{display:block;margin-top:7px;font-size:10px;line-height:1.5;text-decoration:underline}
.location-card>.button{grid-column:1 / -1;justify-self:start;margin-top:8px}
@media(max-width:440px){.location-card{grid-template-columns:minmax(0,1fr) 84px;column-gap:14px}.location-map-reference{width:84px}.location-map-reference img{width:84px;height:84px}.location-map-reference span{font-size:9px}}
.grocery-layered .grocery-base{clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,4.167% 65.234%,16.927% 65.234%,17.773% 93.652%,4.167% 95.703%,4.167% 65.234%,0 0)}
.grocery-milk-layer{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}
.grocery-products.grocery-layered{position:relative;max-height:none;isolation:isolate}
.grocery-base{display:block;width:100%;height:auto}
.grocery-vital-layer{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}
.brands-list .icecream-brand{background:transparent;border:0;border-radius:0;box-shadow:none}
.icecream-wordmark{display:block;flex-shrink:0;background-image:url('assets/marcas-helados-sin-fondo.png');background-repeat:no-repeat}
.brands-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:15px}.brands-pause{font:inherit;font-size:11px;background:transparent;color:#fff6dc;border:1px solid #fff6dc55;border-radius:20px;padding:9px 14px;cursor:pointer}.brands-pause:focus-visible,.brands-window:focus-visible,.icecream-varieties summary:focus-visible{outline:3px solid #ffe500;outline-offset:4px}
.brands-window{overflow:hidden;border-block:1px solid #fff6dc33;margin:16px 0 28px;padding:20px 0;min-width:0}.brands-track{display:flex;width:max-content;animation:icecream-brands-scroll 95s linear infinite}.brands-list{display:flex;list-style:none;gap:18px;padding:0 18px 0 0;margin:0;flex-shrink:0}.icecream-brand{display:flex;align-items:center;justify-content:center;width:168px;height:86px;overflow:hidden;border-radius:10px;background:#111}.icecream-brand svg{display:block;width:148px;height:70px;overflow:hidden}.brands-window:hover .brands-track,.brands-window:focus-within .brands-track,.brands-window.is-paused .brands-track{animation-play-state:paused}
@keyframes icecream-brands-scroll{to{transform:translateX(-50%)}}
.icecream-varieties{margin-bottom:24px}.icecream-varieties summary{display:inline-flex;align-items:center;gap:24px;list-style:none;background:#ffe500;color:#080808;padding:17px 24px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer}.icecream-varieties summary::-webkit-details-marker{display:none}.icecream-varieties summary span{display:inline-block;transition:transform .2s}.icecream-varieties[open] summary span{transform:rotate(45deg)}.icecream-varieties .catalog-grid{margin-top:25px}
@media(max-width:760px){.icecream-brand{width:140px;height:76px}.icecream-brand svg{width:124px;height:64px}.brands-list{gap:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){.brands-track{animation:none}.brands-window{overflow-x:auto}.brands-list[aria-hidden="true"]{display:none}.brands-pause{display:none}.icecream-varieties summary span{transition:none}}
.grocery-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:32px;padding-top:45px;padding-bottom:60px;margin-bottom:35px;border-top:1px solid #fff6dc33;border-bottom:1px solid #fff6dc33}
.grocery-copy{min-width:0}.grocery-copy h2{font-size:clamp(40px,4.6vw,66px)}.grocery-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:430px;margin-bottom:25px}.grocery-copy strong{color:#ffe500}.grocery-copy .button{font-size:12px;gap:8px}.grocery-products{display:block;width:100%;height:auto;max-height:470px;object-fit:contain;background:transparent}
@media(max-width:760px){.grocery-banner{grid-template-columns:1fr;gap:25px;padding-top:35px;padding-bottom:40px}.grocery-copy h2{font-size:54px}.grocery-copy>p:not(.eyebrow){font-size:15px}.grocery-products{max-height:none}}
.flavors-dialog .flavors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.flavors-dialog .flavors li{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;text-align:center;padding:12px 6px;border-radius:12px;font-size:12px;line-height:1.5}
.fruit-icon{display:block;flex-shrink:0;width:90px;height:90px;max-width:100%;background-image:url('assets/iconos-sabores.png');background-size:400% 200%;background-repeat:no-repeat}
@media(max-width:540px){.flavors-dialog .flavors{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fruit-icon{width:100px;height:100px}}
.menu-grid{align-items:stretch}.menu-category{min-width:0}.menu-category h3{min-height:34px}
.flavors-trigger{margin-top:4px;font-size:13px;padding:13px 18px}
.flavors-dialog{width:min(600px,calc(100% - 32px));max-height:90vh;max-height:90dvh;overflow:auto;border:1px solid #fff6dc55;border-radius:18px;padding:24px;background:#111;color:#fff6dc}
.flavors-dialog::backdrop{background:#000c}.flavors-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.flavors-dialog h2{font-size:36px;letter-spacing:-1px;margin:0;color:#ffe500;line-height:1.1}.flavors-dialog p{font-size:14px;line-height:1.7}
.flavors-close{flex-shrink:0;width:42px;height:42px;background:#ffe500;color:#080808;border:0;border-radius:50%;font-size:20px;cursor:pointer}.flavors-close:focus-visible{outline:3px solid #fff6dc;outline-offset:3px}.flavors-dialog img{display:block;width:100%;height:auto;border-radius:10px;margin-top:20px}.flavors-dialog .flavors{margin-top:16px}
body:has(.flavors-dialog[open]){overflow:hidden}
.promo-card .dish-photo.combo-one-photo{width:calc(100% + 48px);margin-left:-24px;margin-right:-24px}
.combo-one-photo img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:950px){.promo-card .dish-photo.combo-one-photo{width:calc(100% + 56px);margin-left:-28px;margin-right:-28px}}
.catalog-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:40px;margin-bottom:30px}
.catalog-heading-copy{min-width:0}.catalog-heading h2{font-size:clamp(38px,4.4vw,65px)}
.catalog-heading-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:540px}
.catalog-mascot{display:block;width:100%;max-width:400px;height:auto;justify-self:end;background:transparent}
@media(max-width:760px){.catalog-heading{grid-template-columns:minmax(0,1fr) 120px;gap:12px}.catalog-heading h2{font-size:clamp(29px,7.8vw,48px);letter-spacing:-1px}.catalog-heading-copy>p:not(.eyebrow){font-size:12px}.catalog-mascot{width:100%;max-width:160px}.catalog-heading .eyebrow{font-size:9px;letter-spacing:1px}}
@media(max-width:350px){.catalog-heading{grid-template-columns:minmax(0,1fr) 90px;gap:10px}}
@media(max-width:760px){.promos h2{font-size:clamp(30px,9vw,56px);overflow-wrap:anywhere}}
.hero-art .photo-frame.branded-hero{transform:none}
.hero-art .sun-lines{display:none}
.promo-card .dish-photo{width:100%;height:235px;aspect-ratio:auto;margin:12px 0 22px;background:none;display:flex;align-items:center;justify-content:center}
.dish-cutout{display:block;width:100%;height:100%;max-width:310px;overflow:hidden;flex-shrink:0}
.promo-card .card-brand{display:none}
@media(max-width:760px){.promo-card .dish-photo{height:245px}.dish-cutout{max-height:245px}}
.contact .contact-mark{width:240px;height:240px;right:70px;top:85px;font-size:0;line-height:0;border-radius:50%;background-image:url('assets/1.PNG');background-size:473.684% 592.105%;background-position:12.676% 1.248%;transform:none;opacity:1}
@media(min-width:761px) and (max-width:1000px){.contact .contact-mark{width:160px;height:160px;right:28px;top:45px}.contact h2{max-width:65%}}
@media(max-width:760px){.contact .contact-mark{position:static;display:block;width:96px;height:96px;margin:0 0 24px;opacity:1}}
.playero-logo{display:inline-block;flex:0 0 auto;width:70px;height:70px;border-radius:50%;background-image:url('assets/1.PNG');background-size:473.684% 592.105%;background-position:12.676% 1.248%;vertical-align:middle}
.header .brand{gap:12px}.footer-name{display:flex;align-items:center;gap:12px}.footer-name .playero-logo{width:44px;height:44px}
.branded-hero{height:auto;aspect-ratio:4/5;border-radius:20px;transform:none;background:#000}.branded-hero img{object-fit:contain}.hero-art .sun-lines{display:none}.hero-art .stamp{display:none}
.promo-card{overflow:hidden;padding-top:0}.dish-photo{width:calc(100% + 48px);margin:0 -24px 18px;background-repeat:no-repeat;background-color:#ffe500;flex-shrink:0}
.card-brand{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:800;letter-spacing:1px;margin-bottom:20px}.card-brand .playero-logo{width:32px;height:32px}.promo-card h3{margin-top:16px}.promo-card .price{margin-top:auto}.category-promo{display:inline-block;font-size:12px;color:#ffe500;text-decoration:underline;margin-bottom:20px}
.juice-photo{display:block;width:100%;height:auto;border-radius:12px;margin-bottom:25px}.savory-mascot{width:45%;max-width:430px;height:auto;border-radius:20px;object-fit:contain}.icecream>div{min-width:0}.icecream h2{font-size:clamp(40px,4.5vw,60px)}
.catalog{padding-top:0;padding-bottom:75px}.catalog>p:not(.eyebrow){font-size:14px;line-height:1.8}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.catalog-grid a{display:block;min-width:0}.catalog-grid img{display:block;width:100%;height:auto;border-radius:12px}.catalog-grid span{display:block;margin-top:12px;font-size:12px;text-decoration:underline}
@media(max-width:950px){.dish-photo{width:calc(100% + 56px);margin-left:-28px;margin-right:-28px;max-height:none}.promo-card{padding-top:0}.promo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.header .brand{font-size:15px;letter-spacing:-.6px}.header .playero-logo{width:48px;height:48px}.header .button.small{font-size:10px;max-width:146px}.hero-art{margin-left:0;margin-right:0}.promo-grid{grid-template-columns:1fr}.icecream{flex-direction:column;align-items:stretch}.savory-mascot{width:100%;max-width:100%;margin-top:20px}.catalog-grid{grid-template-columns:1fr}.catalog{padding-bottom:45px}.footer-name .playero-logo{width:38px;height:38px}}
