.modal-cart{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1001;background:rgba(255,255,255,.1);justify-content:flex-end;align-items:center;width:100%;height:100vh;margin:0;display:flex;position:fixed;top:0;left:0;right:0}.modal-cart__container{background-color:#fff;width:35%;max-width:380px;height:100vh;padding:0 10px}.modal-cart__container .titulo{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;margin:10px 0;padding:15px 0;display:flex}.modal-cart__container .titulo .tit{color:#000;margin:5px 10px 0;font-size:18px;font-weight:500}.modal-cart__container .titulo .icon-back{cursor:pointer;color:#000;margin:0 10px 0 0;font-size:22px;display:none}.modal-cart__container .titulo .icon{cursor:pointer;color:#000;font-size:24px}.modal-cart__container .body-cart{padding:0}.modal-cart__container .body-cart .cart-empty{background-color:#fafad2;justify-content:center;align-items:center;height:47px;display:flex}.modal-cart__container .body-cart .cart-empty p{color:#000;font-size:14px}@media (max-width:768px){.modal-cart__container{width:94%;max-width:none;height:100vh}.modal-cart__container .titulo{justify-content:flex-start;align-items:center;display:flex}.modal-cart__container .titulo .tit{margin:0}.modal-cart__container .titulo .icon-back{display:block}.modal-cart__container .titulo .icon{display:none}}
.header__container{-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.header__container .menu-hamburguesa{padding:0 20px 0 0}.header__container .menu-hamburguesa .icono{cursor:pointer}.header__container .menu-hamburguesa .icono .icon{color:#000;width:23px;height:32px}.header__container .titulo-central{justify-content:center;align-items:center;padding:0 20px;display:flex}.header__container .titulo-central .title-header{text-align:center;color:#000;font-size:32px;font-weight:700}.header__container .busqueda-usuario-cart{gap:32px;padding:0 20px;display:flex}.header__container .busqueda-usuario-cart .icono{cursor:pointer;justify-content:center;align-items:center;display:flex}.header__container .busqueda-usuario-cart .icono .icon{color:#000;font-size:30px}.header__container .busqueda-usuario-cart .icono .div-cart-count{color:#fff;background-color:#000;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex;transform:translate(-2px)}.header__container .busqueda-usuario-cart .icono-logout{display:flex}@media (max-width:768px){.header-exterior .header__container{justify-content:space-between;align-items:center;display:flex}.header-exterior .header__container .menu-hamburguesa{padding:0}.header-exterior .header__container .menu-hamburguesa .icono .icon{width:24px;height:24px}.header-exterior .header__container .titulo-central .title-header{font-size:20px}.header-exterior .header__container .busqueda-usuario-cart{gap:8px;padding:0}.header-exterior .header__container .busqueda-usuario-cart .icono{padding:4px}.header-exterior .header__container .busqueda-usuario-cart .icono .icon{width:24px;height:24px}.header-exterior .header__container .busqueda-usuario-cart .icono-user,.header-exterior .header__container .busqueda-usuario-cart .icono-logout{display:none}}
.foot{width:100%}.foot .footer{width:100%;margin:max(8px,min(2.5vw,24px)) 0 0}.foot .footer .footer__container{width:100%;padding:0 max(10px,min(4vw,24px))}.foot .footer .footer__container .social-networks{flex-wrap:wrap;justify-content:center;align-items:center;gap:max(6px,min(2vw,12px)) max(12px,min(3vw,24px));margin:0 0 max(16px,min(4vw,30px));display:flex}.foot .footer .footer__container .social-networks .social{box-sizing:border-box;background-color:#000;border-radius:50%;justify-content:center;align-items:center;width:max(28px,min(4.5vw,36px));min-width:44px;height:max(28px,min(4.5vw,36px));min-height:44px;padding:max(6px,min(1.5vw,10px));transition:transform .2s,background-color .2s;display:flex}.foot .footer .footer__container .social-networks .social:hover{background-color:#111;transform:translateY(-1px)}.foot .footer .footer__container .social-networks .social:active{transform:scale(.98)}.foot .footer .footer__container .social-networks .social:focus-visible{outline-offset:2px;outline:2px solid orange}.foot .footer .footer__container .social-networks .social .icon{color:#fff;font-size:max(16px,min(3.3vw,20px));line-height:1;display:inline-flex}.foot .divididor{background-color:#ddd;width:100%;height:2px}.foot .me{justify-content:center;align-items:center;width:100%;margin:max(12px,min(3vw,24px)) 0;display:flex}.foot .me p{color:#000;text-align:center;margin:0;font-size:max(13px,min(2.2vw,16px));line-height:1.4}.foot .me .link{cursor:pointer;color:#000;border-radius:4px;margin-left:6px;font-size:max(13px,min(2.2vw,16px));text-decoration:none}.foot .me .link:hover{color:orange;text-decoration:underline;transition:color .3s}.foot .me .link:focus-visible{outline-offset:2px;outline:2px solid orange}@media (min-width:768px){.foot .footer .footer__container .social-networks{gap:max(10px,min(2vw,16px)) max(10px,min(2vw,18px))}.foot .me p{text-align:center}}
.subscribe{background-color:#000;justify-content:center;align-items:center;width:100%;height:auto;padding:20px 0;display:flex}.subscribe .subscribe__container{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;max-width:1200px;padding:0;display:flex}.subscribe .subscribe__container .detail{margin:0}.subscribe .subscribe__container .detail .text .detail-text{color:#fff;white-space:normal;text-align:center;font-size:18px}.subscribe .subscribe__container .input-subscribe{border:2.2px solid #999;align-items:center;width:90%;max-width:364px;height:40px;padding:0 0 0 14px;display:flex}.subscribe .subscribe__container .input-subscribe .in{width:100%}.subscribe .subscribe__container .input-subscribe .in .input{color:#999;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:14px}.subscribe .subscribe__container .input-subscribe .in .input::placeholder{color:#999;font-size:14px}.subscribe .subscribe__container .input-subscribe .icon{cursor:pointer;justify-content:center;align-items:center;width:40px;height:100%;display:flex}.subscribe .subscribe__container .input-subscribe .icon .icon-send{color:#fff;font-size:20px}@media (min-width:576px){.subscribe{height:80px;padding:0}.subscribe .subscribe__container{flex-direction:row;gap:0}.subscribe .subscribe__container .detail{margin:0 20px}.subscribe .subscribe__container .detail .text .detail-text{white-space:nowrap}.subscribe .subscribe__container .input-subscribe{width:100%;margin:0 20px}}
.marquee{color:#fff;letter-spacing:.02em;background-color:#000;justify-content:center;align-items:center;width:100%;height:40px;margin:0 0 8px;font-size:12px;font-weight:700;line-height:1;display:flex;overflow:hidden}.marquee__container{width:100%}.marquee :where(span,p,strong){line-height:40px;display:block}