.mt-bottle-map{padding:clamp(4rem,8vw,8rem) 1.5rem;background:#171615;color:#f8f1e7}.mt-bottle-map__inner{max-width:1240px;margin:0 auto}.mt-bottle-map__copy{max-width:760px;margin-bottom:2rem}.mt-bottle-map__eyebrow{margin:0 0 .75rem;color:#d48663;font-size:clamp(.85rem,1.4vw,1rem);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.mt-bottle-map h2{margin:0 0 .8rem;color:inherit;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.98}.mt-bottle-map__copy>p:last-child{color:#f8f1e7c2;font-size:clamp(1.05rem,1.6vw,1.3rem)}.mt-bottle-map__scene{position:relative;overflow:hidden;border:1px solid rgba(231,184,128,.25);border-radius:24px;box-shadow:0 34px 80px #0000006b}.mt-bottle-map__scene>img{display:block;width:100%;height:auto}.mt-bottle-map__hotspot{position:absolute;display:flex;align-items:flex-end;justify-content:center;border:2px solid transparent;border-radius:999px 999px 22px 22px;transition:border-color .22s ease,background .22s ease,transform .22s ease,filter .22s ease}.mt-bottle-map__hotspot span{margin-bottom:7%;padding:.65rem 1rem;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:#121110d1;color:#fff;font-weight:700;line-height:1;opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mt-bottle-map__hotspot:hover,.mt-bottle-map__hotspot:focus-visible{z-index:2;border-color:#efb36e;background:#efb36e1a;filter:drop-shadow(0 0 22px rgba(239,179,110,.4));transform:translateY(-4px);outline:none}.mt-bottle-map__hotspot:hover span,.mt-bottle-map__hotspot:focus-visible span{opacity:1;transform:none}.mt-bottle-map__hotspot--blue{left:19.5%;top:6%;width:19%;height:72%}.mt-bottle-map__hotspot--black{left:41.5%;top:7%;width:19%;height:90%}.mt-bottle-map__hotspot--red{left:64.5%;top:7%;width:18%;height:75%}.mt-bottle-map__hint{margin:1rem 0 0;color:#f8f1e79e;font-size:.95rem;text-align:center}@media(hover:none){.mt-bottle-map__hotspot span{opacity:1;transform:none;font-size:.78rem;padding:.5rem .72rem}.mt-bottle-map__hint{font-size:0}.mt-bottle-map__hint:after{content:"Toca una botella para elegir su color.";font-size:.95rem}}@media(max-width:749px){.mt-bottle-map{padding:3.5rem .75rem}.mt-bottle-map__scene{border-radius:16px}.mt-bottle-map__hotspot{border-radius:999px 999px 12px 12px}}@media(prefers-reduced-motion:reduce){.mt-bottle-map__hotspot,.mt-bottle-map__hotspot span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/mt-botella-interactiva.css.map */