header{background-color:var(--color-background-header);z-index:3;flex-direction:column;display:flex;position:sticky;top:0}.header-bottom{background-color:var(--color-primary);padding:0 18px}.header-bottom.header-bottom-mobile{display:none}.header-nav-buttons{display:flex}.header-aside-logo{min-height:auto;padding:10px 20px;display:flex}.header-logo{object-fit:contain;height:51px;display:block}.fixed-header-bottom-show{z-index:10;transition:all .3s;position:fixed;top:0;left:0;right:0}.fixed-header-bottom-hiden{display:none}.header-top{color:#fff;background-color:#000}.header-top aside{text-align:right;flex:1;align-items:center;display:flex}nav ul{margin:0;padding:0;list-style:none;display:flex}nav>ul>li>a{color:#fff;padding:8px 23px;font-size:19px;font-weight:600;display:flex;position:relative}nav>ul>li>a:hover{color:#fff;background-color:#000}.has-menu.menu-open .menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}nav ul li a svg{fill:currentColor;align-self:center;width:16px;height:16px;margin-left:5px;display:inline-flex}.container-buttons-nav svg{vertical-align:bottom;fill:#fff;display:inline-block}.btn-login-link{align-items:center;gap:5px;padding:0 15px;display:flex}.btn-login-link{color:#fff;background-color:#0000;border:0 #0000;border-radius:0;outline:none;height:100%}.btn-login-link:focus{outline:none}.step-text{background-color:var(--color-background-header);border-left:1px solid #000;width:180px;height:20px;animation:8s steps(20,end) infinite stepText,1s linear infinite borderPulse;display:block;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search input:focus~.step-text,.search input:hover~.step-text,.search input:not(:placeholder-shown)~.step-text{display:none}.search input{width:100%;color:var(--color-gray-title);background-color:var(--color-background-header);border:1px solid #d3d3d3;padding:7px 0 7px 15px;font-size:12px}.search input:focus{outline:none}.search input:hover{background-color:#efecec}.search input::placeholder{color:var(--color-gray-title);font-weight:400}@keyframes stepText{40%,60%{left:calc(48% + 2px)}90%,to{left:12px}}@keyframes borderPulse{0%{border-color:#000}to{border-color:#0000}}.text-header-navigator-socials{color:#fff;text-align:center;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.text-header-navigator-socials>span{align-items:center;gap:6px;font-size:14px;display:inline-flex}.text-header-navigator-socials img{vertical-align:middle;width:20px;height:auto}.header-navigator-socials{background-color:#fff;border-bottom:1px solid #efefef}.nav-socials{align-items:center;gap:15px;display:flex}.nav-socials span,.nav-socials a{align-items:center;gap:4px;font-size:14px;display:inline-flex}.nav-socials a:hover{opacity:.8}@media (max-width:900px){.text-header-navigator-socials{display:none}.header-bottom,.header-top,.text-header-navigator-socials{display:none}:is(.header-bottom,.header-top,.text-header-navigator-socials).header-bottom-mobile{padding:8px 13px;display:block;position:fixed;top:0;left:0;right:0}:is(.header-bottom,.header-top,.text-header-navigator-socials).header-bottom-mobile .header-nav-buttons button{width:fit-content}.header-nav-buttons{flex-direction:row-reverse;justify-content:end;gap:8px}.search-active.header-nav-buttons{justify-content:center}}@media (max-width:720px){header{padding:0}.step-text{display:none}.search input{border-radius:0;height:100%;padding:9px 63px 9px 15px;font-size:.8rem}.search input::placeholder{color:#0000;opacity:1}.search input::-webkit-input-placeholder{color:#0000;opacity:1}.search input::-moz-placeholder{color:#0000;opacity:1}.search input:-ms-placeholder-shown{color:#0000;opacity:1}.header-aside-logo{grid-template-columns:1fr;gap:8px;padding:10px 5px}nav ul{flex-direction:column;gap:4px}nav>ul>li>a{padding:10px 8px;font-size:13px}.btn-login-link{padding:6px 8px;font-size:13px}.text-header-navigator-socials{flex-direction:column;gap:6px;padding:6px 5px;font-size:12px}.nav-socials{gap:8px}}
.container-products{flex-direction:column;gap:10px;padding:25px 23px;display:flex}.container-product-detail{flex-direction:column;justify-content:space-between;padding:15px 17px 15px 0;display:flex}.product-item{background:linear-gradient(179deg,#dedede75 0%,#a1a1a18c 47%,#9191917a 100%);border-radius:20px;grid-template-columns:auto 2fr;display:grid}.product-item footer{background:inherit;justify-content:space-between;align-items:end;display:flex}.container-product-img{width:200px;height:200px;padding:15px}.product-item img{object-fit:cover;border-radius:30px;width:100%;height:100%}.product-detail-title,.product-detail-description{margin:0}.product-detail-title{margin-bottom:8px;font-size:17px}.product-detail-description{margin-bottom:10px;font-size:14px}.product-detail{grid-template-columns:1fr auto;display:grid}.footer-product-total-price .price{color:var(--color-primary);margin:0;font-size:20px;font-weight:700}.btn-delete{background:0 0;border:none;outline:none;padding:7px}@media (max-width:720px){.product-item{grid-template-columns:1fr}}
.checkout-select-option .line-separation{background-color:var(--color-gray-title);width:100%;height:1px;margin-top:15px}.container-box-icon{flex-direction:column;align-items:center;display:flex}.container-box-icon p{color:var(--color-gray-parraf);margin:0;line-height:2rem}.checkout-select-option .box-icon{background-color:var(--color-gray-title);color:#fff;border-radius:100%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.checkout-select-option .box-icon.active{background-color:var(--color-primary);box-shadow:1px 1px 8px 3px var(--color-primary)}.checkout-select-option{justify-content:space-between;gap:8px;margin-bottom:10px;display:flex}.container-products h3{color:var(--color-gray-title);align-items:center;gap:5px;margin:0 0 18px;display:flex}.container-shipping-method{border-radius:10px;flex-direction:column;margin-bottom:30px;display:flex}.container-shipping-method>div:first-child{border-radius:15px 15px 0 0}.container-shipping-method>div:last-child{border-radius:0 0 15px 15px}.box-shipping-method-selected .box-content-shipping-item{background-color:var(--color-background-dark);color:#fff;opacity:0;max-height:0;padding:0 20px;transition:max-height .3s ease-out,opacity .3s ease-out,padding .3s ease-out;display:block;overflow:hidden}.box-shipping-method-selected .box-content-shipping-item.activeDown{opacity:1;max-height:200px;padding-top:15px;padding-bottom:15px}.container-checkout{flex-direction:column;gap:25px;display:flex}@media (max-width:720px){.product-item{position:relative}.container-product-detail{padding:15px 10px;font-size:.8rem}.product-actions{position:absolute;top:12px;right:12px}.container-product-detail footer .footer-product-total-price .price{font-size:15px}.container-checkout{gap:15px;padding:10px 5px}.checkout-select-option .box-icon{width:24px;height:24px;font-size:1rem}.container-products h3{margin-bottom:10px;font-size:14px}.product-detail-description{margin:0;font-size:12px}.container-shipping-method{border-radius:7px;margin-bottom:18px}.box-shipping-method-selected .box-content-shipping-item.activeDown{max-height:120px;padding-top:10px;padding-bottom:10px}.btn-apply{padding:5px 18px;font-size:.95rem}.container-box-icon p{text-align:center;font-size:.95rem;line-height:1.5rem}}
.shipping-item{cursor:pointer;border:1px solid var(--color-borderbox);grid-template-columns:auto 1fr;justify-items:end;gap:10px;padding:8px 10px;display:grid}.shipping-item label{cursor:pointer;justify-content:space-between;width:100%;display:flex}.shipping-item a{color:var(--color-primary);font-size:.8rem}.shipping-item a:hover{text-decoration:underline}.shipping-item img{object-fit:cover;width:40px;height:40px}@media (max-width:720px){.shipping-item{grid-template-columns:1fr}}
