@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap"); :root {
    --primary: #1F2937;
    --light: #E5E7EB;
    --text-color: #F3F4F6;
    --font: "Manrope", sans-serif;
    --font-size: 14px;
}
:root {
    --headerHeight: 70px;
}

body {
    font-family: var(--font);
    font-size: var(--font-size);
    line-height: 1.6;
    color: var(--primary);
    background-color: var(--text-color);
}

h1, h2, h3, h4, h5, h6 {font-weight: 700;line-height: 1.4;margin-bottom: 1rem;}

#checkout-forms h3 {margin-top: 1rem;}

header {background-color: var(--primary);color: var(--text-color);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}
header nav li > a {padding: 0.5rem 1rem;transition: background-color 0.3s;}
header nav li > a:hover {background-color: rgba(255, 255, 255, 0.1);}
form .form-block input:not([type="radio"]):not([type="checkbox"]), form .form-block textarea, form .form-block select {width: 100%;padding: 0.5rem 1rem;border: 1px solid var(--light);border-radius: 0.25rem;}
form .form-block input:focus, form .form-block textarea:focus, form .form-block select:focus {border-color: var(--primary);outline: none;box-shadow: 0 0 0 3px rgba(31, 41, 55, 0.1);}
form .form-block label {margin-bottom: 0.5rem;font-weight: 500;}
.prod #prod-info {padding-top: 5em;width: 35%;}
.prod #prod-info-desc {margin-top: 5em;}
.prod #prod-img {padding-right:5em;width: 60%;}
.prod #prod-img img {width:90%;}
.cart-buy {/* background-color: #444; *//* border-color:#444; */}
.cart-add {/* color: #444; *//* border-color: #444; */border-radius: 0.42em;}
.cart-buy:hover,
.cart-add:hover {/*background-color:#111;border-color: #111;*/}
.cart-buy:active,
.cart-add:active {/*background-color:#000;border-color: #000;*/}

header nav li.li-cart #cart {background-color:white;color:black;}
header nav li.li-cart #cart tr.total td {background-color:#eee;color:black;}
header nav li.li-cart #cart tr.total td a {color:black;}
header nav li.li-cart #cart tr.total td a:hover {background-color:#ddd;}
header nav li.li-cart #cart td {border: 1px solid #ccc;}
header nav li.li-cart #cart td.qty span.qty-down {background-color: #e0e0e0;width: auto;padding: 0.5em 0.7em;}
header nav li.li-cart #cart td.qty span.qty-down:hover {background-color:#d0d0d0;}


#cart .qty {position: relative;}
#cart td.qty span.qty-down {width: auto;padding: 0.6em;border-radius: 0.3em;}
#cart td.qty span.qty-down span {position: relative;left: unset;top: unset;transform: unset;}
#cart td.qty span.qty-down span:before {content:"\f2ed";font-family: "Font Awesome 6 free";}
#cart .qty-up {display: none !important;}

#slider-284 {height: 39vw;}
#slider-284 .swiper-slide.item {}
#slider-284 .swiper-slide.item img {height:100%;object-fit:cover;object-position: center;}

#shop-featured-288 .shop-full-columns-47 > h3 {text-align:center;font-size: 2.625rem;letter-spacing: -0.16825rem;line-height: 1;}
#shop-featured-288 .shop-full-columns-47 > h4 {display:none;}
#shop-featured-288 .shop-full-columns-47 {text-align: center;}
#shop-featured-288 .shop-full-columns-47 .prod {border-radius:0.5em;width: 22%;text-align: left;}
#shop-featured-288 .shop-full-columns-47 .prod h4 {margin-bottom: 0;}
#shop-featured-288 .shop-full-columns-47 .prod h4+p {display:none;}
#shop-featured-288 .shop-full-columns-47 .prod .price {font-size:22px;margin: 0;}
#shop-featured-288 .shop-full-columns-47 .prod button.cart-buy {background: #007AFF;border-radius: 0.3rem;border: 1px solid rgba(255, 255, 255, 0.20);padding: 0.6em 1em;}
#shop-featured-288 .shop-full-columns-47 .prod button.cart-buy:hover {background: hsl(211 100% 47% / 1);}
#shop-featured-288 .shop-full-columns-47 .prod button.cart-buy:active {background: hsl(211 100% 44% / 1);}
#shop-featured-288 .shop-full-columns-47 .prod button.cart-add {display: none;border-radius: 0.423rem;border: 1px solid #007AFF;color:#007AFF;font-weight:bold;padding: 0.8em 1em;}
#shop-featured-288 .shop-full-columns-47 .prod button.cart-add:hover {background-color:#ddd;}
#shop-featured-288 .shop-full-columns-47 .prod img {width:90%;margin:0 auto;}
#shop-featured-288 .shop-full-columns-47 .cta-button a {background-color:white;border-radius: 0.423rem;border: 1px solid;color:#007AFF;font-weight:bold;}
#shop-featured-288 .shop-full-columns-47 .cta-button a:hover {color:hsl(211 100% 62% / 1);}
#shop-featured-288 .shop-full-columns-47 .cta-button a:active {color:hsl(211 100% 46% / 1);}

#text-carousel-283 .htmlAntes h2 {text-align:center;font-size: 2.625rem;letter-spacing: -0.16825rem;line-height: 1;}
#text-carousel-283 .swiper-slide {background-color: var(--light);padding: 2rem;border-radius: 0.5rem;transition: transform 0.3s;}

#text-carousel-283 {background-color:#F3F4F6;padding: 3em 0 0;}
#text-carousel-283 h2 {text-align: center;font-size: 2.625rem;}

#grid-282 {background: #1F2937;}
#grid-282 h2 {text-align:center;font-size: 2.625rem;letter-spacing: -0.16825rem;color:white;}
#grid-282 .grid-item {background-color: var(--light);padding: 1rem 2rem 1rem 11em;border-radius: 0.5rem;transition: transform 0.3s;}
#checkout #cart td.qty span.qty-down {width: auto;border-radius: 0.2em;margin-right: 0.5em;}
#checkout #cart td.qty span.qty-down span {position: relative;top:unset;left:unset;transform: unset;}
#grid-282 .grid-item {background-color:white;}
#grid-282 .grid-item:hover, #text-carousel-283 .swiper-slide:hover {transform: translateY(-0.25rem);}
#grid-282 .grid-item h4 {font-size:inherit;margin: 1rem 0;font-weight: 700;}
#grid-282 .grid-item .extended {line-height:inherit;height: 3lh;}
#grid-282 .grid-item img {width: 8em;position:absolute;left:1em;top: 50%;transform: translateY(-50%);}
#grid-282 .main-link, #text-carousel-283 .main-link {display: block;margin-top: 1rem;text-align: center;color: var(--primary);font-weight: 500;text-decoration: none;}
#grid-282 .main-link:hover, #text-carousel-283 .main-link:hover {text-decoration: underline;}

#cta-291 {background: #1F2937;color:white;padding:2em 0 5em;}
#cta-291 .text {font-size: 30px;font-weight: 700;letter-spacing: -2.692px;display:inline-block;width:50%;text-align:right;vertical-align:middle;padding:2rem;}
#cta-291 .text h3 {margin:0;position: relative;}
#cta-291 .text h3::after {content:"";background-image:url("/site/ricoselleroutlet.byguroo.com/arrow_right.svg");background-size: contain;background-repeat: no-repeat;width: 94px;height: 12px;display: inline-block;margin-left: 2rem;vertical-align: middle;}
#cta-291 .cta-button {display:inline-block;width:50%;vertical-align:middle;}
#cta-291 .cta-button a {color:white;background-color:#293341;display:block;padding: 2rem;border-radius: 6px;font-weight: 700;font-size: 30px;}
#cta-291 .cta-button a:hover {background-color:hsl(215 23% 22% / 1);}
#cta-291 .cta-button a:active {background-color:hsl(215 23% 20% / 1);}
#cta-291 .cta-button a .icon {vertical-align:middle;}
#cta-291 .cta-button a .icon:before {font-family: "Font Awesome 6 Brands";content:"\f16d";margin-right: 1rem;}

/* pagina tienda */
#shop-full-281 .prod h4 {min-height:2lh;}
#shop-full-281 .prod button.cart-buy {background: #007AFF;border: 2px solid #007AFF;border-radius: 0.423rem;/* border: 1px solid rgba(255, 255, 255, 0.20); */display: inline-block;width: auto;padding: 1em 1.2em;}
#shop-full-281 .prod button.cart-buy:hover {background: hsl(211 100% 45% / 1);}
#shop-full-281 .prod button.cart-add {border-radius: 0.423rem;border: 2px solid #007AFF;color:#007AFF;font-weight:bold;display: inline-block;display: none;width: auto;margin: 0.5rem 0;font-size: 90%;margin-left: 0.6em;}
#shop-full-281 .prod button.cart-add:hover {background-color:#fff;}
#shop-full-281 .shop-full-columns-3 .prod {width:31%;}

#prod-info-title {font-size: 25px;margin: 0;}
#prod-info-subtitle {display:none;}
.prod .price {font-size: 32px;margin: 0.5rem 0 2rem;line-height: 1;letter-spacing: -0.05em;}

/* vende tus zapaz */
#slider-292 {height:auto;}

#form-285 {margin:0 0 5em;}
#form-285 form {width: var(--containerWidthNarrow);max-width: unset;}
#form-285 form h2 {font-size: 26px;font-weight: 800;letter-spacing: -0.02em;color: #456387;}
#form-285 label {margin-bottom: 0.5rem;font-weight: 600;text-transform:uppercase;margin: 0 0 0.4em;line-height: 1.2;font-size: 12px;}
#form-285 input {padding: 0.5em 0.5em;}
#form-285 button[type="submit"] {background: #007AFF;padding: 1em 2em;border-radius:0.3em;}

@media screen and (max-width:768px){
    .prod #prod-img {padding-right:1em;width:100%;}
    .prod #prod-img img {width:100%;}
    .prod #prod-info {padding: 0em 1em 5em;width:100%;}

    #shop-featured-288 .shop-full-columns-47 .prod {width: 80%;display: block;margin: 0 auto 1em;text-align: center;}
    #shop-featured-288 .shop-full-columns-47 .prod h4 {/* min-height: 2lh; */margin-top: 0.5em;}
    #shop-featured-288 .shop-full-columns-47 .prod .price {font-size:20px;padding: 0.3em 0 0.5em;}
    #shop-featured-288 .shop-full-columns-47 .prod img {width: 60%;aspect-ratio: 16/10;}
    #shop-featured-288 .shop-full-columns-47 .prod button.cart-buy {margin:0;}
    
    #grid-282 {padding: 1em 1em;}
    #grid-282 .grid-item {display:block;width: 100% !important;margin:1em 0;padding: 0.5rem 1rem 0.5rem 6rem !important;}
    #grid-282 .grid-item img {width: 5em;}
    
    #cta-291 .text {display:block;width: 90%;font-size:20px;padding: 2rem 0;margin: 0 auto;text-align: left;}
    #cta-291 .text h3::after {transform: rotate(30deg) translateY(200%);margin-left: 1rem;}
    #cta-291 .cta-button {display:block;width:90%;margin:0 auto;}
    #cta-291 .cta-button a {font-size:20px;}

    #text-carousel-283 .swiper .item {}

    #shop-full-281 .prod {width: 48%;}
    #shop-full-281 .prod h4 {min-height: 2lh;}
    #shop-full-281 .prod .price {font-size:20px;}
    #shop-full-281 .prod button.cart-buy {width:100%;}
    #shop-full-281 .prod button.cart-add {width:100%;margin:0;font-size:11px;}
}