/*
Theme Name:   xstore-child
Theme URI:    https://xstore.8theme.com
Description:  XStore is a multi-purpose theme that offers the ultimate WordPress and WooCommerce synergy, providing a comprehensive, all-in-one solution.
Author:       8theme
Author URI:   https://www.8theme.com
Template:     xstore
Version:      1.0
Text Domain:  xstore-child
Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, translation-ready, ecommerce, woocommerce, shop, elementor, business, corporate, blog, news, light, dark
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

:root {
    --mont: "Montserrat", sans-serif;
    --bebas: "Bebas Neue", sans-serif;
    --dorado: #D7B369;
    --verde: #77AA00;
    --rojo: #C62828;
    --celeste: #00FFFF;
}


.portadaHome {
    height: 786px;
    padding-top: 121px;
}


.portadaHome .mont52blanca {
    max-width: 680px;
}

.et_b-icon svg,
.site-header svg {
    fill: #000 !important;
}

.menu-main-container li>a {
    font-family: var(--mont);
    font-weight: 800;
    font-style: italic;
    font-size: 13px !important;
    letter-spacing: 0px !important;
    line-height: 16px;
    color: black !important;
    text-align: left;
    margin-inline: 15px !important;
}

.header-main-menu.et_element-top-level {
    justify-self: left !important;
}

.italic {
    font-style: italic;
}


.btnGradiente {
    background: transparent linear-gradient(180deg, #FDFCF9 -37%, #D7B369 102%) 0% 0% no-repeat padding-box !important;
}

.tarjetas {
    display: flex;
    column-gap: 30px;
    margin-top: -110px;
    position: relative;
    z-index: 2;
}

.tarjeta {
    width: 450px;
    min-height: 270px;
    display: flex;
    flex-direction: column;
    padding-top: 57px;

}

.tarjetas>div.tarjeta:nth-child(1) {
    background-image: url(/wp-content/uploads/2026/02/tarjeta-sumplementos-1.jpg);
}

.tarjetas>div.tarjeta:nth-child(2) {
    background-image: url(/wp-content/uploads/2026/02/tarjeta-nutricion-1.jpg);
}

.tarjetas>div.tarjeta:nth-child(3) {
    background-image: url(/wp-content/uploads/2026/02/tarjeta-combos-y-ofertas-unificado-1.jpg);
}

.tarjeta h2 {
    font-family: var(--mont);
    font-weight: 600;
    font-style: italic;
    font-size: 28px;
    line-height: 34px;
    color: white;
    text-align: center;
    margin-bottom: 20px;
}


.tarjeta a {
    width: 220px;
    height: 56px;
    display: flex;
    background: transparent linear-gradient(180deg, #FDFCF9 -37%, #D7B369 102%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 3px #000000E6;
    color: black;
    font-family: var(--mont);
    font-weight: 900;
    font-style: italic;
    font-size: 16px;
    letter-spacing: 0px;
    align-items: center;
    justify-content: center;
    margin-inline: auto;
}

.contImgPalabra {
    display: flex;
    justify-content: center;
    column-gap: 30px;
}

.imgPalabra {
    display: flex;
    align-items: center;
    column-gap: 10px;
}


.ofertasNeg {
    margin-bottom: -212px;
}

/*wooCommerce*/

/*tarjetas*/



.content-product .onsale {
    border-radius: 31px !important;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    font-weight: 700;
    font-style: italic;
    width: 120px;
    height: 46px;
}


.content-product .product-title>a {
    font-family: var(--mont);
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 19px;
    color: black;
    margin-top: 10px;
    margin-bottom: 15px;

}

.content-product .products-page-cats>a {
    font-family: var(--mont);
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 0px;
    color: black;
}

.content-product .price {
    font-size: 16px;
}

.button.product_type_simple {
    width: 220px;
    height: 56px;
    display: flex;
    background: transparent linear-gradient(180deg, #FDFCF9 -37%, #D7B369 102%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 3px #000000E6;
    color: black;
    font-family: var(--mont);
    font-weight: 900;
    font-style: italic;
    font-size: 16px;
    letter-spacing: 0px;
    align-items: center;
    justify-content: center;
    margin-inline: auto;
    bottom: 35px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}


.content-product {
    box-shadow: 0px 3px 6px #00000073;
}

.product-image-wrapper img {
    width: 100%;
}

.product-details {
    padding-inline: 20px;
    padding-bottom: 20px;
    min-height: 271px;
}

.product-title {
    min-height: 73px;
}

.btn220 {
    width: 220px;
    height: 56px;
    display: flex;
    background: transparent linear-gradient(180deg, #FDFCF9 -37%, #D7B369 102%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 3px #000000E6;
    color: black;
    font-family: var(--mont);
    font-weight: 900;
    font-style: italic;
    font-size: 16px;
    letter-spacing: 0px;
    align-items: center;
    justify-content: center;
    margin-inline: auto;
}

.contTT {
    display: flex;
    justify-content: center;
}


.tarjetaTexto {
    width: 384px;
    height: 458px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: left;
    padding-left: 31px;
}

.tarjetaTexto .mont18dorado {
    padding-right: 80px;
    min-height: 80px;
}

.tt1 {
    background-image: url(/wp-content/uploads/2026/02/tarjeta-creatinas-categoria.jpg);
}

.tt2 {
    background-image: url(/wp-content/uploads/2026/02/tarjeta-proteinas-categorias.png);
}

.tt3 {
    background-image: url(/wp-content/uploads/2026/02/tarjeta-aminoacidos-categorias.jpg);
}

.tt4 {
    background-image: url(/wp-content/uploads/2026/02/tarjeta-vitaminas-categorias.jpg);
}

.deportes .contImgPalabra {
    column-gap: 90px;
}