/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/



/* HEADER */
.menu-header .menu-item {
    height: fit-content;
    margin-top: auto;
    /* margin-bottom: 28px; */
    font: normal normal bolder 20px/26px DM Sans;
    letter-spacing: 0px;
    color: #065088;
}

.logo-header {
    padding: 0;
    margin-top: 18px;
}

.header {
    padding-bottom: 38px !important;
}

.btn-call-head-contain {
    /* height: fit-content;
    margin-top: auto; */
    width: fit-content;
}

/* banner */
.hero {
    background: url(/wp-content/uploads/2026/03/banner-ppal.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 775px;
    padding-top: 68px;
}

.hero-title {
    text-align: left;
    font: italic normal normal 60px/74px Libre Baskerville;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 21px;
}

.hero-subtitle {
    text-align: left;
    font: normal normal normal 28px/35px DM Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 55px
}

.btns-hero {
    display: flex;
    gap: 15px;
}

/* VISTA RESPONSIVE GENERAL */
@media only screen and (max-width: 900px) {

    .hero {
        height: 600px;
        padding-top: 50px;
    }

    /* Reducción proporcional ~20% */
    .hero-title {
        font-size: 48px;
        line-height: 60px;
    }

    .hero-subtitle {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 40px;
    }
}

/* VISTA MOBILE (en caso que sea necesario adaptar elementos que no se vea bien general en 900px) */
@media only screen and (max-width: 700px) {

    .hero br {
        display: none;
    }

    .hero {
        height: auto;
        min-height: 550px;
        padding: 40px 20px;
        background-position: center;
        background: url(/wp-content/uploads/2026/05/banner-mobile.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }

    /* Reducción proporcional ~35% del original */
    .hero-title {
        font-size: 38px;
        line-height: 46px;
    }

    .hero-subtitle,
    .hero-subSubtitle {
        font-size: 22px !important;
        line-height: 27px !important;
        margin-bottom: 90px;
    }

    /* Apilamos los botones y los hacemos del ancho completo como en tu imagen */
    .btns-hero {
        flex-direction: column;
        gap: 12px;
        max-width: 320px;
        /* Evita que los botones sean excesivamente largos en pantallas móviles muy anchas */
    }

    .btn-blue-hero {
        width: 100%;
        box-sizing: border-box;
    }
}

/* VISTA TABLET (en caso que sea necesario adaptar elementos que no se ven bien del traspaso de mobile a tablet) */
@media (min-width: 715px) and (max-width: 1000px) {
    .hero {
        padding-left: 40px;
        padding-right: 40px;
    }
}

/* y estas son para tablet horizontal: */
@media (min-width: 1180px) and (max-width: 1290px) and (orientation: landscape) {
    .hero {
        height: 680px;
        padding-left: 50px;
    }

    /* Reducción muy sutil para pantallas horizontales medianas */
    .hero-title {
        font-size: 54px;
        line-height: 66px;
    }

    .hero-subtitle {
        font-size: 25px;
        line-height: 32px;
    }
}

/* Productos más elegidos */

.productos-elegidos {
    background: #F6F6F6;
    padding-top: 65px;
    padding-bottom: 80px;
}

.head-web {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.head-web-title {
    text-align: center;
    font: italic normal normal 45px/56px Libre Baskerville;
    letter-spacing: 0px;
    color: #065088;
    margin-block: 30px;
}

.head-web-subtitle {
    text-align: center;
    font: normal normal 500 24px/31px DM Sans;
    letter-spacing: 0px;
    color: #707070;
}

.card-producto {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.card-producto-title {
    font: normal normal bold 20px/26px DM Sans;
    letter-spacing: 0px;
    color: #707070;
    margin-block: 10px;
}

.card-producto-txt {
    font: normal normal normal 18px/24px DM Sans;
    letter-spacing: 0px;
    color: #707070;
}

.productos-cards {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 30px;
    margin-top: 65px;
}

.productos-elegidos-container .btn-blue {
    margin-inline: auto;
    margin-top: 56px;
}

@media only screen and (min-width: 900px) {

    .productos-elegidos>div {
        max-width: 90rem !important;
        width: auto;
    }
}


/* VISTA RESPONSIVE GENERAL */
@media only screen and (max-width: 900px) {
    .head-web-title {
        font-size: 36px;
        line-height: 44px;
    }

    .head-web-subtitle {
        font-size: 19px;
        line-height: 26px;
        max-width: 500px;
    }

    .card-producto-img {
        width: 95%;
        height: 21rem;
        object-fit: cover;
        border-radius: 2rem;
    }

    .productos-elegidos-mobile {
        margin-top: 3rem;
    }

    .card-producto {
        width: auto;
    }

    /* #productos-elegidos-mobile  */
    .flickity-page-dots .dot {
        width: 20px !important;
        height: 20px !important;
    }
}

/* VISTA MOBILE (hasta 700px como en tu imagen) */
@media only screen and (max-width: 700px) {

    .productos-elegidos-deskt {
        display: none;
    }



    .productos-elegidos {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .head-web-img {
        width: 180px;
        /* Achicamos un poco el lazo decorativo */
    }

    .head-web-title {
        font-size: 40px;
        line-height: 46px;
        margin-block: 20px;
    }

    /* TRUCO: Forzamos el salto de línea para separar "Productos" de "más elegidos" */
    .head-web-title span {
        display: block;
    }

    .head-web-subtitle {
        font-size: 24px;
        line-height: 30px;
        max-width: 260px;
        margin: 0 auto;
    }

    #productos-elegidos-mobile>.carousel-dots.productos-elegidos-mobile {
        display: block !important;
        margin-top: 1px;
    }

    .card-producto-img {
        object-position: center 28% !important;
    }

}

/* VISTA TABLET (traspaso de mobile a tablet) */
@media (min-width: 715px) and (max-width: 1000px) {
    .productos-elegidos {
        padding-top: 50px;
        padding-bottom: 60px;
    }

    .head-web-title {
        font-size: 38px;
        line-height: 48px;
    }

    .head-web-subtitle {
        font-size: 20px;
        line-height: 28px;
        max-width: 400px;
        /* Mantiene el texto agrupado para mejor lectura */
    }

    .productos-cards {
        gap: 3rem 4rem;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
    }

    .card-producto {
        width: 15rem;
    }

    .card-producto-img {
        width: 14rem;
        object-fit: cover;
        height: 16rem;
    }

}

/* TABLET HORIZONTAL */
@media (min-width: 1180px) and (max-width: 1290px) and (orientation: landscape) {
    .head-web-title {
        font-size: 40px;
        line-height: 50px;
    }

    .head-web-subtitle {
        font-size: 22px;
        line-height: 29px;
    }
}


@media only screen and (min-width: 700px) {

    .productos-elegidos-mobile {
        display: none;
    }
}


/* CATEGORIA ICONOS */

.categorias-iconos-deskt>div {
    display: flex;
    justify-content: center;
}

/* 1. Contenedor Principal */
.categoria-icono {
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    /* Puedes ajustar esto a los píxeles que uses, ej: 150px */
    max-width: fit-content;
    border-radius: 12px;
    /* Opcional: redondea las esquinas si tus imágenes tienen fondo */
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Opcional: Un leve salto hacia arriba de todo el bloque al hacer hover */
.categoria-icono:hover {
    transform: translateY(-5px);
}

/* 2. Estilo general para ambas imágenes */
.categoria-icono img {
    width: 100%;
    height: auto;
    display: block;
    /* Usamos cubic-bezier para que la animación empiece rápido y termine suave */
    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
        transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 3. Imagen Original (Estado Base) */
.categoria-icono-noHover {
    position: relative;
    opacity: 1;
    transform: scale(1);
    z-index: 1;
}

/* 4. Imagen Hover (Oculta por defecto y superpuesta) */
.categoria-icono-hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: scale(0.9);
    /* Inicia ligeramente más pequeña para dar sensación de profundidad */
    z-index: 2;
}

/* --- 5. MAGIA AL HACER HOVER --- */

/* La imagen original se desvanece y hace un leve zoom-in */
.categoria-icono:hover .categoria-icono-noHover {
    opacity: 0;
    transform: scale(1.05);
}

/* La imagen nueva aparece y toma su tamaño real */
.categoria-icono:hover .categoria-icono-hover {
    opacity: 1;
    transform: scale(1);
}


@media only screen and (max-width: 900px) {

    #categorias-iconos-mobile .carousel-items,
    #categorias-iconos-tablet .carousel-items {
        margin-bottom: 3rem;
    }
}

@media only screen and (max-width: 700px) {
    .categorias-iconos-deskt {
        display: none;
    }

    .categorias-iconos-tablet {
        display: none;
    }

}

@media (min-width: 715px) and (max-width: 1000px) {
    .categorias-iconos-mobile {
        display: none;
    }

    .categorias-iconos-deskt {
        display: none;
    }

    #categorias-iconos-tablet .carousel-items>div>div>div>div>div>div>div {
        width: fit-content;
        margin-inline: auto;
    }

}

@media (min-width: 815px) and (max-width: 1000px) {


    #categorias-iconos-tablet .carousel-nav.carousel-nav-dot-between.carousel-nav-lg.carousel-nav-solid.carousel-nav-square.carousel-nav-shadowed-onhover.categorias-iconos-tablet {
        display: none;
    }

    #categorias-iconos-tablet .carousel-dots-to-hide {
        display: block !important;
        margin-bottom: 5rem;
        margin-top: -5rem;
    }
}

@media only screen and (min-width: 900px) {
    .categorias-iconos-tablet {
        display: none;
    }

    .categorias-iconos-mobile {
        display: none;
    }
}


/* CATEGORIAs dine in take out y deli */

.cards-datas-bodegon {
    background: url(/wp-content/uploads/2026/03/banner-marcas.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 30px;
    padding-bottom: 40px;
}

.cards-datas-bodegon>div>div>div>div>div>div>div {
    display: flex;
    justify-content: center;
    gap: 55px;
}

.card-data-bodegon {
    width: 302px;
    height: 329px;
    border: 2px solid #FFFFFF;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-bottom: 25px;
    padding-inline: 20px;
}

.card-data-bodegon-icon {
    margin-inline: auto;
    margin-bottom: 20px;
}

.card-data-bodegon-title {
    text-align: center;
    font: italic normal normal 24px/29px Libre Baskerville;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 18px;
}

.card-data-bodegon-text {
    text-align: left;
    font: normal normal normal 14px/18px DM Sans;
    letter-spacing: 0px;
    color: white;
}

.card-data-bodegon .btn-blue {
    margin-top: auto;
    margin-inline: auto;
}

/* VISTA RESPONSIVE GENERAL (Aplica a mobile hasta los 714px) */
@media only screen and (max-width: 900px) {
    .cards-datas-bodegon>div>div>div>div>div>div>div {
        flex-direction: column;
        align-items: center;
        gap: 30px;
        /* Reducimos el espacio excesivo para mobile */
    }
}

/* VISTA TABLET (Sobreescribe la vista general para pantallas de 715px a 1000px) */
@media (min-width: 715px) and (max-width: 1000px) {
    .cards-datas-bodegon>div>div>div>div>div>div>div {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
        /* Permite que 2 tarjetas queden arriba y 1 centrada abajo de forma simétrica */
    }
}

/* Y estas son para tablet horizontal: */
@media (min-width: 1180px) and (max-width: 1290px) and (orientation: landscape) {
    .cards-datas-bodegon>div>div>div>div>div>div>div {
        gap: 25px;
        /* Achicamos un poco el gap original de 55px para asegurar que las 3 entren en 1 sola fila sin apretarse */
    }
}



/* ===== CARD PRODUCTO ESTILO MOCKUP ===== */

li.lqd-prod-item.product {
    list-style: none;
}

.woocommerce ul.products li.product.col-sm-6 {
    width: 357px;
}

li.lqd-prod-item.product .ld-sp {
    /* background: #f5f5f5;
  border: 1px solid #d9d9d9;
    padding: 18px 18px 28px; */
    border-radius: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    text-align: left !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 510px;
    position: relative;
    overflow: hidden;
    background: white;
}

/* Imagen */
li.lqd-prod-item.product .ld-sp-img {
    margin: 0 0 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 290px;
}

li.lqd-prod-item.product .ld-sp-img>a {
    display: block;
    width: 100%;
    text-align: center;
}

li.lqd-prod-item.product .ld-sp-img img {
    max-width: 100%;
    width: 88%;
    height: auto;
    object-fit: contain;
    display: inline-block;
}

/* Caja de info */
li.lqd-prod-item.product .ld-sp-info {
    padding: 0 25px !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* Categoría */
li.lqd-prod-item.product .product-category {
    text-decoration: none;
    margin-bottom: 8px;
    display: inline-block;
}

li.lqd-prod-item.product .product-category span {
    display: inline-block;
    text-align: left;
    font: normal normal normal 14px/18px DM Sans;
    letter-spacing: 0px;
    color: #707070;
}

/* Título */
li.lqd-prod-item.product .ld-sp-info h3 {
    margin: 0 0 4px;
    font-size: 34px;
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -0.02em;
}

li.lqd-prod-item.product .ld-sp-info h3 a {
    text-align: left;
    font: normal normal bold 20px/18px DM Sans;
    letter-spacing: 0px;
    color: #707070;
    text-decoration: none;
}

/* Subtítulo fijo estilo mockup */
/* li.lqd-prod-item.product .ld-sp-info h3::after {
  content: "100% FRESCA.";
  display: block;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  color: #7a7a7a;
  margin-top: 4px;
  text-transform: uppercase;
} */

/* Botón */
li.lqd-prod-item.product .ld-sp-btn.ld-sp-add-to-cart {
    align-self: center;
    max-width: 256px;
    min-height: 44px;
    border-radius: 999px !important;
    background: #005b9a !important;
    border: 3px solid #7fb4da !important;
    color: #fff !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: none !important;
    transition: all 0.25s ease;
    text-align: center;
    font: normal normal bold 21px/28px DM Sans;
    letter-spacing: 0px;
    width: 256px !important;
    height: 44px !important;
    padding: 0 !important;
}

li.lqd-prod-item.product .ld-sp-btn.ld-sp-add-to-cart:hover {
    background: #004c80 !important;
    transform: translateY(-1px);
}

/* Ocultar ícono del carrito para que quede como el mockup */
li.lqd-prod-item.product .ld-sp-btn.ld-sp-add-to-cart svg {
    display: none !important;
}

/* Cambiar texto visible del botón */
li.lqd-prod-item.product .ld-sp-btn.ld-sp-add-to-cart span {
    font-size: 0;
}

li.lqd-prod-item.product .ld-sp-btn.ld-sp-add-to-cart span::before {
    content: "Ver producto";
    font-size: 18px;
    font-weight: 700;
}


@media only screen and (max-width: 900px) {
    .lqd-prods-row-productos-home-desk {
        display: none !important;
    }

    /* --- CORRECCIÓN DE POSICIÓN DEL BOTÓN EN MÓVILES --- */

    li.lqd-prod-item.product .ld-sp {
        min-height: 32rem;
        padding: 16px 16px 24px !important;
    }

    li.lqd-prod-item.product .ld-sp-img {
        min-height: 220px;
    }

    .lqd-prod-item .ld-sp-btn {
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        /* Cancela cualquier animación o movimiento del tema */
        margin-top: 15px !important;
        /* Asegura la separación con el título */
        z-index: 10 !important;
    }

    /* Evitar que el contenedor agrupe mal los elementos en móvil */
    .lqd-prod-item .ld-sp-info {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
    }
}

@media only screen and (min-width: 900px) {
    .productos-home-mobile {
        display: none;
    }

    .lqd-prods-row-productos-home-desk {
        justify-content: center;
    }

    .productos-home>div {
        max-width: 90rem !important;
        width: auto;
    }

}


/* Tradición argentina en Houston */

.tradicion-ar {
    margin-top: 120px;
    padding-bottom: 92px;
}

.tradicion-ar-container>div {
    display: flex;
    gap: 125px;
}

.tradicion-ar .head-web {
    max-width: 446px;
}

.tradicion-ar .head-web-img {
    margin-right: auto;
}

.tradicion-ar .head-web-title {
    text-align: left !important;
}

.tradicion-ar .head-web-subtitle {
    text-align: left !important;
}

.tradicion-ar .btn-blue {
    margin-right: auto;
    margin-top: 40px;
}

.tradicion-ar-img {
    height: 857px;
    object-fit: cover;
    object-position: right;
    max-width: 50%;
}

/* VISTA RESPONSIVE GENERAL */
@media only screen and (max-width: 900px) {
    .tradicion-ar-container>div {
        flex-direction: column;
        /* Apila la imagen y el texto */
        gap: 50px;
        /* Reduce el espacio entre elementos */
        align-items: center;
    }

    .tradicion-ar-img {
        max-width: 100%;
        width: 100%;
        height: 450px;
        /* Reduce drásticamente la altura para pantallas más chicas */
    }

    .tradicion-ar .head-web {
        max-width: 90%;
        /* Evita que el texto toque los bordes de la pantalla */
    }

    .tradicion-ar .head-web-subtitle {
        font-size: 24px;
        line-height: 30px;
        max-width: 100%;
        margin: 0;
    }
}

/* VISTA MOBILE (hasta 700px) */
@media only screen and (max-width: 700px) {
    .tradicion-ar {
        margin-top: 40px;
        /* Reduce el margen superior excesivo en móviles */
        padding-bottom: 60px;
    }

    .tradicion-ar-container>div {
        gap: 30px;
    }

    .tradicion-ar-img {
        height: 350px;
        /* Altura ideal para móviles */
        border-radius: 0 0 20px 20px;
        /* Agrega el borde redondeado inferior de tu imagen de ejemplo */
    }

    .tradicion-ar .head-web {
        max-width: 100%;
        /* padding: 0 20px; */
        box-sizing: border-box;
        max-width: 300px;
        text-wrap-style: balance;
    }



    /* .tradicion-ar .btn-blue {
        margin-left: auto;
        margin-right: auto;
        display: block; 
        width: fit-content; 
        text-align: center;
    } */
}

/* VISTA TABLET (entre 715px y 1000px) */
@media (min-width: 715px) and (max-width: 1000px) {
    .tradicion-ar-container>div {
        flex-direction: column;
        gap: 60px;
    }

    .tradicion-ar-img {
        width: 100%;
        height: 500px;
    }

    .tradicion-ar .head-web {
        max-width: 80%;
        /* Un poco más angosto que en móviles para mejor lectura */
        margin: 0 auto;
    }

    /* .tradicion-ar .btn-blue {
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: fit-content;
    } 

    .tradicion-ar .head-web-img {
    margin-inline: auto;
}*/

    .tradicion-ar .head-web-title {
        margin-right: auto !important;
    }
}

/* VISTA TABLET HORIZONTAL */
@media (min-width: 1180px) and (max-width: 1290px) and (orientation: landscape) {
    .tradicion-ar-container>div {
        gap: 60px;
        /* Reduce el hueco para que entren bien ambos elementos en horizontal */
        align-items: center;
    }

    .tradicion-ar-img {
        height: 600px;
        /* Ajusta la altura de la imagen para que no desborde la pantalla */
        width: 50%;
    }

    .tradicion-ar .head-web {
        width: 50%;
    }
}


/* Junto a grandes marcas argentinas */


.grandes-marcas {
    background: url(/wp-content/uploads/2026/03/banner-marcas.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 40px;
    padding-bottom: 55px;
}

.grandes-marcas-icons {
    margin-top: 40px;
}

.grandes-marcas-icon img {
    width: 13rem;
}

/* Dale, date un gusto bien argentino */


.pre-footer {
    padding-top: 50px;
    padding-bottom: 70px;
}

@media only screen and (max-width: 900px) {
    #pre-footer-container .head-web-img {
        width: 100%;
    }

    /* #pre-footer-container .head-web-title {
        text-wrap-mode: nowrap;
    } */
}


/* FOOTER */

/* --- Contenedor Principal --- */
.contenedor-footer-bodegon {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 61px 12.6%;
    background-color: #794227;
    font-family: 'DM Sans', sans-serif;
    gap: 0;
    box-sizing: border-box;
    width: 100%;
}

/* --- Columna 1 --- */
.col1-footer-bodegon {
    flex: 1 1 280px;
}

.logo-footer-bodegon {
    max-width: 327px;
    height: auto;
    margin-bottom: 20px;
    margin-left: -26px;
}

.desc-footer-bodegon {
    text-align: left;
    font: normal normal normal 16px/21px 'DM Sans', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin: 0;
    max-width: 231px;
}

/* --- Títulos (Columnas 2, 3, 4 y 5) --- */
.titulo-footer-bodegon {
    font: normal normal bold 16px/21px 'DM Sans', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-top: 0;
    margin-bottom: 20px;
}

/* --- Columnas Secundarias --- */
.col2-footer-bodegon,
.col3-footer-bodegon,
.col4-footer-bodegon,
.col5-footer-bodegon {
    flex: 1 1 160px;
}

/* --- Enlaces y Textos --- */
.enlaces-footer-bodegon {
    display: flex;
    flex-direction: column;
}

.link-item-footer-bodegon,
.info-item-footer-bodegon {
    text-decoration: none;
    font: normal normal normal 16px/28px 'DM Sans', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

/* Margen inferior para separar elementos en la misma columna */
.mb-espacio-footer-bodegon {
    margin-bottom: 25px;
}

/* Evitar que los enlaces cambien de color por defecto en WordPress */
.link-item-footer-bodegon:hover,
a.info-item-footer-bodegon:hover {
    color: #f1f1f1;
    opacity: 0.8;
}

/* --- Iconos y Alineación --- */
.icono-footer-bodegon {
    width: 20px;
    height: auto;
    margin-top: 4px;
    /* Baja el icono ligeramente para centrarlo con la primera línea de texto */
}

/* --- Redes Sociales --- */
.redes-footer-bodegon {
    display: flex;
    gap: 15px;
}

.red-link-footer-bodegon {
    transition: opacity 0.3s ease;
}

.red-link-footer-bodegon:hover {
    opacity: 0.8;
}

.red-icono-footer-bodegon {
    width: 21px;
    height: auto;
}

/* =========================================
   Responsive: Tablet (hasta 1000px)
   ========================================= */
@media (max-width: 1000px) {
    .contenedor-footer-bodegon {
        padding: 50px 30px;
        gap: 40px;
    }

    /* La marca principal ocupa el 100% de la fila superior en tablet */
    .col1-footer-bodegon {
        flex: 1 1 100%;
        margin-bottom: 10px;
    }

    .col2-footer-bodegon,
    .col3-footer-bodegon,
    .col4-footer-bodegon,
    .col5-footer-bodegon {
        flex: 1 1 40%;
    }

    .col2-footer-bodegon,
    #footer-bodegon-content>div>div>div.col3-footer-bodegon>h4:nth-child(1),
    .col3-footer-bodegon a.info-item-footer-bodegon.mb-espacio-footer-bodegon {
        display: none;
    }
}

/* =========================================
   Responsive: Mobile (hasta 700px)
   ========================================= */
@media (max-width: 700px) {
    .contenedor-footer-bodegon {
        flex-direction: column;
        padding: 40px 20px;
        gap: 35px;
    }

    .col1-footer-bodegon,
    .col2-footer-bodegon,
    .col3-footer-bodegon,
    .col4-footer-bodegon,
    .col5-footer-bodegon {
        flex: 1 1 100%;
        width: 100%;
    }

    .titulo-footer-bodegon {
        margin-bottom: 15px;
    }

    .mb-espacio-footer-bodegon {
        margin-bottom: 20px;
    }
}

@media (min-width: 715px) and (max-width: 1000px) {

    .contenedor-footer-bodegon {
        justify-content: flex-start;
        flex-direction: column;
    }

}



/* -----------------------------boton flotante------------------------ */

.btn-flotante-doordash {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99999;
    /* Asegura que siempre esté por encima del contenido del tema Hub */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-decoration: none !important;
}

/* Efecto al pasar el mouse (Hover) */
.btn-flotante-doordash:hover {
    transform: translateY(-5px) scale(1.05);
    /* Se eleva y crece ligeramente */
    /* box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.25); */
}

/* Estilos de la imagen SVG */
.btn-flotante-doordash img {
    width: 70px;
    height: 70px;
    height: auto;
    object-fit: contain;
    margin: 0;
    padding: 0;
}

/* Ajuste de tamaño para pantallas de celulares */
@media (max-width: 768px) {
    .btn-flotante-doordash {
        /* bottom: 20px; */
        right: 20px;
        width: 60px;
        height: 60px;
    }

    .btn-flotante-doordash img {
        width: 50px;
    }
}


/* --- Nuevo Botón Flotante (Tienda) --- */

/* Oculto por defecto en Desktop */
.btn-flotante-tienda-mobile {
    display: none;
}

@media (max-width: 900px) {

    .header {
        padding-bottom: 10px !important;
    }

    #header .navbar-header>a>span>img {
        max-width: 80px !important;
    }

    .btn-flotante-tienda-mobile {
        display: flex;
        position: fixed;
        /* 30px (bottom actual) + 70px (altura imagen actual) + 10px de separación */
        bottom: 110px;
        right: 30px;
        z-index: 99999;
        align-items: center;
        justify-content: center;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        text-decoration: none !important;
    }

    .btn-flotante-tienda-mobile img {
        width: 70px;
        height: auto;
        object-fit: contain;
        margin: 0;
        padding: 0;
    }

    /* Mismo efecto Hover */
    .btn-flotante-tienda-mobile:hover {
        transform: translateY(-5px) scale(1.05);
    }

}

@media (max-width: 768px) {
    .btn-flotante-tienda-mobile {
        /* 20px (bottom en celular) + 60px (altura contenedor en celular) + 10px de separación */
        right: 20px;
        width: 60px;
        height: 60px;
    }

    .btn-flotante-tienda-mobile img {
        width: 50px;
    }
}


/* --- Zócalo de contacto (Oculto en Desktop) --- */
.zocalo-llamar-mobile {
    display: none;
}




/* --- Mostrar solo en móviles (max 900px) --- */
@media (max-width: 900px) {
    .zocalo-llamar-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #065088;
        /* Tu azul de marca */
        color: #ffffff !important;
        text-decoration: none !important;
        padding: 16px 0;
        font-family: 'DM Sans', sans-serif;
        font-size: 18px;
        font-weight: 700;
        z-index: 999999;
        /* Z-index altísimo para que nada lo tape */
        box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.15);
        /* Sombra suave hacia arriba */
        text-transform: uppercase;
        letter-spacing: 1px;
        transition: background-color 0.3s ease;
    }

    /* Efecto al tocar la pantalla */
    .zocalo-llamar-mobile:active {
        background-color: #004c80;
    }

    /* ¡IMPORTANTE! Ajuste para los botones flotantes */
    /* Como el zócalo ocupará la parte inferior, debemos subir los botones 
       de DoorDash y Tienda para que el zócalo no los tape */
    .btn-flotante-doordash {
        bottom: 75px !important;
    }

    .btn-flotante-tienda-mobile {
        bottom: 130px !important;
    }
}




/* SECCION CONTACTO */

.data-contacto>div {
    display: flex;
    justify-content: flex-start;
}

.secContacto-rowUno {
    background: url(/wp-content/uploads/2026/04/foto-contacto-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 50%;
    height: 574px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 70px;
}

.secContacto-title {
    text-align: left;
    font: italic normal normal 45px/56px Libre Baskerville;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.secContacto-txt {
    font: normal normal 500 24px/31px DM Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.secContacto-rowUno-content p {
    margin-bottom: 30px;
}

.secContacto-items-icon {
    margin-right: 24px;
}

.secContacto-items {
    text-align: left;
    font: normal normal 800 24px/34px DM Sans;
    letter-spacing: 0px;
    color: #065088;
    margin-bottom: 15px;
}


.secContacto-rowDos {
    width: 50%;
    background: #F6F6F6;
    display: flex;
    justify-content: flex-start;
    padding-left: 60px;
    padding-top: 125px;
}

a.secContacto-items {
    margin-left: 48px;
    display: flex;
    max-width: 400px;
}

a.secContacto-items:hover {
    color: #065088;
}

.mapa-contacto {
    margin-bottom: -25px !important;
}

/* 
@media only screen and (max-width: 700px) {
    .img-mapa-contacto-desk {
        display: none;
    }

    .img-mapa-contacto-tablet {
        display: none;
    }
}

@media (min-width: 715px) and (max-width: 1000px) {
    .img-mapa-contacto-mobile {
        display: none;
    }

    .img-mapa-contacto-desk {
        display: none;
    }
}

@media only screen and (min-width: 900px) {
    .img-mapa-contacto-tablet {
        display: none;
    }

    .img-mapa-contacto-mobile {
        display: none;
    }
} */

/* VISTA RESPONSIVE GENERAL */
@media only screen and (max-width: 900px) {

    .data-contacto>div {
        flex-direction: column;
    }

    .secContacto-rowUno,
    .secContacto-rowDos {
        width: 100%;
    }

    .secContacto-rowUno {
        height: auto;
        min-height: 420px;
        padding: 60px 30px;
        justify-content: center;
    }

    .secContacto-rowDos {
        padding: 70px 30px;
    }

    .secContacto-rowUno-content,
    .secContacto-rowDos-content {
        width: 100%;
        max-width: 620px;
    }

    .secContacto-title {
        font: italic normal normal 36px/44px Libre Baskerville;
    }

    .secContacto-txt {
        font: normal normal 500 20px/28px DM Sans;
    }

    .secContacto-items {
        font: normal normal 800 20px/30px DM Sans;
    }

    .btn-call {
        width: 220px;
        height: 50px;
        font: normal normal normal 20px/28px DM Sans;
    }

    a.secContacto-items {
        max-width: 100%;
    }

    .secContacto-adorno {
        max-width: 100%;
        height: auto;
    }

    .mapa-contacto iframe {
        height: 320px;
    }
}


/* VISTA MOBILE (en caso que sea necesario adaptar elementos que no se vea bien general en 900px) */
@media only screen and (max-width: 700px) {

    .secContacto-rowUno {
        min-height: auto;
        padding: 50px 20px;
        align-items: flex-start;
    }

    .secContacto-rowDos {
        padding: 50px 20px;
    }

    .secContacto-title {
        font: italic normal normal 30px/36px Libre Baskerville;
    }

    .secContacto-txt {
        font: normal normal 500 16px/24px DM Sans;
    }

    .secContacto-items {
        font: normal normal 800 16px/24px DM Sans;
    }

    .secContacto-rowUno-content p {
        margin-bottom: 20px;
    }

    .secContacto-items-icon {
        margin-right: 14px;
        width: 18px;
        height: 18px;
    }

    .btn-call {
        width: 200px;
        height: 46px;
        font: normal normal normal 18px/24px DM Sans;
        margin-bottom: 30px;
    }

    a.secContacto-items {
        margin-left: 32px;
    }

    .mapa-contacto iframe {
        height: 260px;
    }
}


/* VISTA TABLET (en caso que sea necesario adaptar elementos que no se ven bien del traspaso de mobile a tablet) */
@media (min-width: 715px) and (max-width: 1000px) {

    .secContacto-rowUno {
        min-height: 460px;
        padding: 60px 40px;
    }

    .secContacto-rowDos {
        padding: 70px 40px;
    }

    .secContacto-title {
        font: italic normal normal 34px/42px Libre Baskerville;
    }

    .secContacto-txt {
        font: normal normal 500 18px/26px DM Sans;
    }

    .secContacto-items {
        font: normal normal 800 18px/28px DM Sans;
    }

    .btn-call {
        width: 220px;
        height: 48px;
        font: normal normal normal 20px/28px DM Sans;
    }

    a.secContacto-items {
        margin-left: 42px;
        max-width: 520px;
    }

    .mapa-contacto iframe {
        height: 300px;
    }
}


/* y estas son para tablet horizontal: */
@media (min-width: 1180px) and (max-width: 1290px) and (orientation: landscape) {

    .secContacto-rowUno {
        padding: 60px 40px;
    }

    .secContacto-rowDos {
        padding-left: 40px;
        padding-top: 100px;
    }

    .secContacto-title {
        font: italic normal normal 40px/48px Libre Baskerville;
    }

    .secContacto-txt {
        font: normal normal 500 22px/29px DM Sans;
    }

    .secContacto-items {
        font: normal normal 800 22px/32px DM Sans;
    }

    .btn-call {
        width: 230px;
        font: normal normal normal 22px/29px DM Sans;
    }
}


/* ---------------------------------------- SECCION TIENDA --------------------------------------------*/



@media only screen and (min-width: 900px) {
    .productos-home-mobile {
        display: none;
    }

    .lqd-prods-row-productos-home-desk {
        justify-content: center;
    }

    .productos-home>div {
        max-width: 90rem !important;
        width: auto;
    }
}

@media only screen and (max-width: 700px) {
    .img-banner-tienda-desk {
        display: none !important;
    }

    .img-banner-tienda-tablet {
        display: none !important;
    }
}

@media (min-width: 715px) and (max-width: 1000px) {
    .img-banner-tienda-mob {
        display: none !important;
    }

    .img-banner-tienda-desk {
        display: none !important;
    }
}

@media only screen and (min-width: 900px) {
    .img-banner-tienda-tablet {
        display: none !important;
    }

    .img-banner-tienda-mob {
        display: none !important;
    }
}

.txt-subbanner-tienda {
    text-align: center;
    font: normal normal bold 24px/31px DM Sans;
    letter-spacing: 0px;
    color: #065088;
    margin-bottom: 25px;
}

#woocommerce_price_filter-1,
#liquid_woocommerce_products-1 {
    display: none !important;
}

#woocommerce_product_categories-1 {
    border: none;
}

#woocommerce_product_categories-1>h3 {
    text-align: left;
    font: normal normal bold 18px/24px DM Sans;
    letter-spacing: 0px;
    color: #707070;
}

#woocommerce_product_categories-1 .product-categories {
    font: normal normal normal 18px/24px DM Sans;
    letter-spacing: 0px;
    color: #707070 !important;
}

#woocommerce_product_categories-1 .product-categories li.cat-parent>a,
#woocommerce_product_categories-1 .product-categories li.current-cat>a {
    font-weight: bold;
}

#woocommerce_product_categories-1 .product-categories li>a {
    color: #707070 !important;
}

#woocommerce_product_categories-1>ul>li.cat-item .count {
    font: normal normal normal 18px/24px DM Sans;
    letter-spacing: 0px;
    color: #707070;
    background: white;
}

/* .post-type-archive-product.woocommerce-shop */
.woocommerce-page #lqd-contents-wrap {
    background: #F6F6F6;
    margin: 0;
    width: 100%;
    /* padding-inline: 12%; */
    padding-top: 5rem !important;
    padding-inline: 5%;
}

/* -----------------------------------------tarjetas-----------------------------------------*/

li.product {
    list-style: none;
}

.woocommerce ul.products li.product {
    width: 357px;
}

li.product .ld-sp {
    border-radius: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    text-align: left !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 545px;
    position: relative;
    overflow: hidden;
    background: white;
}

/* Imagen */
li.product .ld-sp-img {
    margin: 0 0 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 290px;
}

li.product .ld-sp-img>a {
    display: block;
    width: 100%;
    text-align: center;
}

li.product .ld-sp-img img {
    max-width: 100%;
    width: 88%;
    height: auto;
    object-fit: contain;
    display: inline-block;
}

/* Caja de info */
li.product .ld-sp-info {
    padding: 0 25px !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* Categoría */
li.product .product-category {
    text-decoration: none;
    margin-bottom: 8px;
    display: inline-block;
}

li.product .product-category span {
    display: inline-block;
    text-align: left;
    font: normal normal normal 14px/18px DM Sans;
    letter-spacing: 0px;
    color: #707070;
}

/* Título */
li.product .ld-sp-info h3 {
    margin: 0 0 4px;
    font-size: 34px;
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -0.02em;
}

li.product .ld-sp-info h3 a {
    text-align: left;
    font: normal normal bold 20px/18px DM Sans;
    letter-spacing: 0px;
    color: #707070;
    text-decoration: none;
}

/* Botón */
li.product .ld-sp-btn.ld-sp-add-to-cart {
    align-self: center;
    border-radius: 999px !important;
    background: #005b9a !important;
    border: 3px solid #7fb4da !important;
    color: #fff !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: none !important;
    transition: all 0.25s ease;
    text-align: center;
    font: normal normal bold 21px/28px DM Sans;
    letter-spacing: 0px;
    max-width: 225px;
    min-height: 44px;
    width: 225px !important;
    height: 44px !important;
    padding: 0 !important;
}

li.product .ld-sp-btn.ld-sp-add-to-cart:hover {
    background: #004c80 !important;
    transform: translateY(-1px);
}

/* Ocultar ícono del carrito para que quede como el mockup */
li.product .ld-sp-btn.ld-sp-add-to-cart svg {
    display: none !important;
}

/* Cambiar texto visible del botón */
li.product .ld-sp-btn.ld-sp-add-to-cart span {
    font-size: 0;
}

li.product .ld-sp-btn.ld-sp-add-to-cart span::before {
    content: "Ver producto";
    font-size: 18px;
    font-weight: 700;
}

@media only screen and (max-width: 900px) {
    .lqd-prods-row-productos-home-desk {
        display: none !important;
    }

    .txt-subbanner-tienda {
        font: normal normal bold 21px/28px DM Sans;
    }

    /* --- CORRECCIÓN DE POSICIÓN DEL BOTÓN EN MÓVILES --- */
    li.product .ld-sp {
        min-height: 20rem;
        padding: 16px 16px 24px !important;
    }

    li.product .ld-sp-img {
        min-height: 140px;
    }

    li.product .ld-sp-btn {
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        margin-top: 15px !important;
        z-index: 10 !important;
    }

    li.product .ld-sp-info {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
    }
}

/* =========
   ESTILOS PARA LA VISTA DE LISTA (ListView)
   ========*/

/* Contenedor principal de la tarjeta en vista lista */
.product .ld-sp-list {
    background: white;
    border-radius: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-bottom: 30px;
    /* Separación entre tarjetas de la lista */
    padding: 0 !important;
    overflow: hidden;
    align-items: center;
    /* Centra verticalmente la imagen y el contenido */
}

/* Imagen (Izquierda) */
.product .ld-sp-list .ld-sp-img {
    width: 30%;
    /* Le damos un ancho fijo en desktop */
    min-width: 250px;
    padding: 20px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product .ld-sp-list .ld-sp-img img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Caja de info (Derecha) */
.product .ld-sp-list .ld-sp-info {
    width: 70%;
    padding: 30px 40px !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

/* Título */
.product .ld-sp-list .ld-sp-info h3 {
    margin: 0 0 10px 0;
    font-size: 34px;
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.product .ld-sp-list .ld-sp-info h3 a {
    text-align: left;
    font: normal normal bold 24px/1.2 DM Sans;
    /* Ligeramente más grande para la vista lista */
    color: #707070;
    text-decoration: none;
}

/* Descripción corta */
.product .ld-sp-list .woocommerce-product-details__short-description {
    margin-bottom: 20px;
    font: normal normal normal 16px/1.5 DM Sans;
    color: #555;
    text-align: left;
}

.product .ld-sp-list .woocommerce-product-details__short-description p {
    margin: 0;
}

/* Contenedor del pie (donde va el botón) */
.product .ld-sp-list .ld-sp-foot {
    margin-top: auto !important;
    /* Empuja el botón hacia abajo si hay espacio */
    width: 100%;
}

/* Botón "Ver producto" adaptado a la lista */
.product .ld-sp-list .ld-sp-btn.ld-sp-add-to-cart {
    max-width: 256px;
    min-height: 44px;
    border-radius: 999px !important;
    background: #005b9a !important;
    border: 3px solid #7fb4da !important;
    color: #fff !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
    font: normal normal bold 21px/28px DM Sans;
    width: 256px !important;
    height: 44px !important;
    padding: 0 !important;
}

.product .ld-sp-list .ld-sp-btn.ld-sp-add-to-cart:hover {
    background: #004c80 !important;
    transform: translateY(-1px);
}

/* Ocultar ícono y cambiar texto (igual que en grid) */
.product .ld-sp-list .ld-sp-btn.ld-sp-add-to-cart svg {
    display: none !important;
}


/* Botón principal de la lista */
.product .ld-sp-list .ld-sp-btn.ld-sp-add-to-cart {
    max-width: 256px !important;
    min-height: 44px !important;
    border-radius: 999px !important;
    background: #005b9a !important;
    border: 3px solid #7fb4da !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 256px !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.product .ld-sp-list .ld-sp-btn.ld-sp-add-to-cart:hover {
    background: #004c80 !important;
    transform: translateY(-1px);
}

/* Ocultar el ícono del carrito */
.product .ld-sp-list .ld-sp-btn.ld-sp-add-to-cart svg {
    display: none !important;
}

/* Estilar directamente el texto real (el span) */
.product .ld-sp-list .ld-sp-btn.ld-sp-add-to-cart span {
    font-size: 18px !important;
    /* IMPORTANTE: Ya no es font-size: 0 */
    color: #ffffff !important;
    font-weight: 700 !important;
    font-family: 'DM Sans', sans-serif !important;
    line-height: 1 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    /* Centrado perfecto */
    margin: 0 !important;
    padding: 0 !important;
}

/* Apagamos el pseudo-elemento por si quedó activo de antes */
.product .ld-sp-list .ld-sp-btn.ld-sp-add-to-cart span::before {
    display: none !important;
}


.wc-pagination-type-button .wc-pagination-button .page-numbers {
    align-self: center;
    border-radius: 999px !important;
    background: #005b9a !important;
    border: 3px solid #7fb4da !important;
    color: #fff !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: none !important;
    transition: all 0.25s ease;
    text-align: center;
    font: normal normal bold 21px/28px DM Sans !important;
    letter-spacing: 0px;
    max-width: fit-content;
    min-height: 44px;
    width: 100% !important;
    height: 44px !important;
    padding: 0 !important;
    padding-inline: 25px !important;
}

/* ================
   RESPONSIVE 
   ============ */
@media only screen and (max-width: 767px) {

    /* En móvil, la lista se comporta casi como un grid vertical */
    .product .ld-sp-list {
        flex-direction: column !important;
        align-items: stretch;
    }

    .product .ld-sp-list .ld-sp-img {
        width: 100%;
        min-width: unset;
        min-height: 220px;
        padding: 20px 20px 0;
    }

    .product .ld-sp-list .ld-sp-info {
        width: 100%;
        padding: 20px !important;
        align-items: center;
        /* Centrar todo en móvil para que se vea mejor */
        text-align: center;
    }

    .product .ld-sp-list .ld-sp-info h3 a {
        text-align: center;
    }

    .product .ld-sp-list .woocommerce-product-details__short-description {
        text-align: center;
    }

    .product .ld-sp-list .ld-sp-foot {
        justify-content: center;
    }


}



@media (min-width: 715px) and (max-width: 800px) {
    .woocommerce-shop.woocommerce-page .lqd-shop-topbar-result-count {
        display: none !important;
    }

    li.product .ld-sp {
        min-height: 31rem;
    }
}

@media (min-width: 815px) and (max-width: 1000px) {
    li.product .ld-sp {
        min-height: 31rem;
    }

    li.product .ld-sp-btn.ld-sp-add-to-cart {
        max-width: 200px;
    }

    .woocommerce ul.products {
        justify-content: center;
    }

    .woocommerce ul.products li.product {
        width: 360px !important;
    }
}

@media (min-width: 715px) and (max-width: 1000px) {
    li.product .product-category {
        width: fit-content !important;
    }

    li.product .ld-sp-info h3 {
        text-align: left !important;
    }

    li.product .ld-sp-btn.ld-sp-add-to-cart {
        margin-inline: auto !important;
    }
}


@media only screen and (max-width: 900px) {

    /* .post-type-archive-product.woocommerce-shop */
    .woocommerce-page #lqd-contents-wrap {
        padding-inline: 4% !important;
    }
}




/* ==========================================================================
categorias tienda
========================================================================== */

/* .tax-product_cat.term-comidas-preparadas.woocommerce-page  */

.tax-product_cat.woocommerce-page .titlebar {
    display: none !important;
}


/* ==========================================================================
layout de producto
========================================================================== */

.single-product.woocommerce-page #lqd-contents-wrap {
    padding-inline: 0 !important;
    padding-top: 0 !important;
}


.single-product.woocommerce-page .product_title {
    text-align: left;
    font: normal normal bold 32px/42px DM Sans;
    letter-spacing: 0px;
    color: #707070;
}

.single-product.woocommerce-page .lqd-product-description {
    text-align: left;
    font: normal normal normal 21px/28px DM Sans;
    letter-spacing: 0px;
    color: #707070;
    margin-bottom: 25px;
}

.txtItems-dataCertificate {
    text-align: left;
    font: normal normal normal 14px/32px DM Sans;
    letter-spacing: 0px;
    color: #707070;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 45px;
    margin-bottom: 35px;
}

.icon-dataCertificate {
    width: 20px;
    margin-right: 5px;
}

.row-dos-del-producto-tienda .lqd-product-meta>div>span {
    text-align: left;
    font: normal normal normal 14px/18px DM Sans !important;
    letter-spacing: 0px;
    color: #707070 !important;
}


.row-dos-del-producto-tienda .lqd-product-meta a {
    color: #707070 !important;
}

.productos-relacionados-del-producto-tienda .lqd-product-related h2 {
    text-align: center;
    font: normal normal bold 32px/42px DM Sans;
    letter-spacing: 0px;
    color: #707070;
}

/* =========================================
   VISTA RESPONSIVE GENERAL (max-width: 900px)
   ========================================= */
@media only screen and (max-width: 900px) {

    /* Achicamos proporcionalmente el primer escalón */
    .single-product.woocommerce-page .product_title,
    .productos-relacionados-del-producto-tienda .lqd-product-related h2 {
        font-size: 28px !important;
        line-height: 36px !important;
    }

    .single-product.woocommerce-page .lqd-product-description {
        font-size: 18px !important;
        line-height: 26px !important;
    }

    /* Reducimos el padding gigante que inyecta WPBakery */
    .liquid-column-responsive-69e9243ed1fa4>.vc_column-inner {
        padding-top: 30px !important;
    }

    .informacion-del-producto-tienda,
    .productos-relacionados-del-producto-tienda {
        padding-top: 3rem;
    }
}


/* =========================================
   VISTA MOBILE (max-width: 700px)
   ========================================= */
@media only screen and (max-width: 700px) {

    /* Escala menor para que no ocupe toda la pantalla */
    .single-product.woocommerce-page .product_title,
    .productos-relacionados-del-producto-tienda .lqd-product-related h2 {
        font-size: 24px !important;
        line-height: 32px !important;
    }

    .single-product.woocommerce-page .lqd-product-description {
        font-size: 16px !important;
        line-height: 24px !important;
        margin-bottom: 15px !important;
    }

    /* Reducimos las migas de pan y su margen inferior para que el producto suba */
    .migas-pan-bodegon {
        font-size: 14px !important;
        line-height: 18px !important;
        margin-bottom: 25px !important;
    }

    /* Achicamos ligerísimamente los meta textos */
    .txtItems-dataCertificate,
    .row-dos-del-producto-tienda .lqd-product-meta>div>span {
        font-size: 13px !important;
        line-height: 24px !important;
    }

    /* Acortamos los espacios entre el botón, la lista y la categoría */
    .txtItems-dataCertificate {
        margin-top: 25px !important;
        margin-bottom: 20px !important;
    }

    .single-product.woocommerce ul.products li.product {
        width: 80% !important;
    }

    .single-product.woocommerce li.product .ld-sp {
        min-height: 26rem;
    }
}


/* =========================================
   VISTA TABLET (715px - 1000px)
   ========================================= */
@media (min-width: 715px) and (max-width: 1000px) {

    /* En tablet las 2 columnas a veces "aprietan" el texto, ajustamos márgenes */
    .migas-pan-bodegon {
        font-size: 15px !important;
        margin-bottom: 30px !important;
    }

    #row-uno-del-producto-tienda {
        width: 80%;
        padding-left: 10px;
    }
}


/* =========================================
   TABLET HORIZONTAL (1180px - 1290px)
   ========================================= */
@media (min-width: 1180px) and (max-width: 1290px) and (orientation: landscape) {

    /* Aquí la pantalla es ancha, pero no tanto como desktop full. Escala intermedia suave */
    .single-product.woocommerce-page .product_title {
        font-size: 30px !important;
    }

    .single-product.woocommerce-page .lqd-product-description {
        font-size: 20px !important;
    }
}



/* ------------------------------zocalo ------------------------*/

.zoalo-tht-contain {
    padding-bottom: 58px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #794227;
}

/* .linea-separadora-de-zocalo-super-larga-y-re-copada {
    width: 1112px;
    border: 2px solid #ffffff;
    display: flex;
    margin-block: 32px;
} */

.zocalo-txt {
    text-align: center;
    font: normal normal normal 14px/26px DM Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    width: 100%;
}

.zocalo-txt:hover {
    color: white !important;
}


@media only screen and (max-width: 700px) {
    /* .linea-separadora-de-zocalo-super-larga-y-re-copada {
        width: 100%;
    } */


    .zoalo-tht-contain {
        padding-bottom: 65px;
        padding-top: 15px;
    }

}

@media only screen and (max-width: 900px) {

    .zoalo-tht-contain {
        padding-bottom: 70px;
        padding-top: 20px;
    }

}


/* ------------------------------switcher de idiomas ------------------------*/
/* Contenedor del switcher para alineación horizontal */
ul.switcher-idioma {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ajustes de los items de lista */
ul.switcher-idioma li {
    display: inline-flex !important;
    align-items: center;
    margin: 0 !important;
    flex-direction: row;
}

/* Estilo del texto basado en Adobe y la imagen */
ul.switcher-idioma li a,
ul.switcher-idioma li a span {
    font-family: 'DM Sans', sans-serif;
    /* Asegúrate de que la fuente esté cargada en el theme */
    font-size: 18px !important;
    line-height: 24px !important;
    color: #065088 !important;
    text-transform: uppercase;
    text-decoration: none !important;
    padding: 0 8px !important;
    letter-spacing: 0px;
    font-weight: normal;
}

/* Creación de la barra separadora | */
ul.switcher-idioma li.wpml-ls-first-item::after {
    content: "|";
    color: #065088;
    font-size: 18px;
    font-weight: normal;
    margin-top: -2px;
    /* Ajuste fino de alineación vertical si es necesario */
}

/* Quitar hover por defecto del theme si es necesario */
ul.switcher-idioma li a:hover {
    background: none !important;
    opacity: 0.8;
}

.btn-call-head-container {
    display: flex;
    flex-direction: column;
    height: fit-content;
    margin-top: auto;
    max-width: fit-content !important;
}

#btn-call-head-container>div.header-module {
    /* width: fit-content; */
    margin-inline: auto;
    margin-bottom: 28px;
}

/* --------------------------------------------  FIXES  -------------------------------------------- */


@media (min-width: 1000px) and (max-width: 1900px) {
    li.product .ld-sp-btn.ld-sp-add-to-cart {
        max-width: 115% !important;
        width: 115% !important;
    }

    li.product .ld-sp {
        min-height: 480px;
    }

    .contenedor-footer-bodegon {
        padding-inline: 4.6% !important;
    }
}

/* Animación de mierda por pedido de QC*/

@media (min-width: 1000px) {
    .card-producto {
        transition:
            transform 0.28s ease,
            box-shadow 0.28s ease;
        backface-visibility: hidden;
        transform: translateZ(0);
    }

    .card-producto:hover {
        transform: translateY(-4px) translateZ(0);
        /* box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08); */
    }

    .card-producto-img {
        transition: transform 0.28s ease;
        backface-visibility: hidden;
    }

    .card-producto:hover .card-producto-img {
        transform: scale(1.025);
    }
}

/* OTRA Animación de mierda por pedido de QC*/

.card-data-bodegon {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-data-bodegon .card-data-bodegon-icon {
    transition: transform 0.3s ease;
    /* Prepara el icono para el zoom */
}

@media (min-width: 992px) {

    /* Efecto principal en la card completa */
    .card-data-bodegon:hover {
        transform: translateY(-6px);
        /* Eleva la card 6 pixeles */
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
        /* Sombra muy suave y difuminada */
    }

    /* Efecto secundario: pequeño zoom en el icono cuando haces hover en la card */
    .card-data-bodegon:hover .card-data-bodegon-icon {
        transform: scale(1.08);
        /* Crece un 8% */
    }
}

@media (max-width: 768px) {

    /* anclas */
    #tradicion-argentina-en-houston {
        top: 15rem !important;
    }

    #dineIn-taleOut {
        bottom: 12rem;
    }

    #dineIn-seccion {
        top: 15rem;
    }
}



@media (max-width: 700px) {

    #productos-relacionados-del-producto-tienda section>ul {
        justify-content: center !important;
    }

    .head-web-title-eng {
        font-size: 32px !important;
        line-height: 38px !important;
    }

    /* anclas */
    #tradicion-argentina-en-houston {
        top: 9rem;
    }

    #dineIn-taleOut {
        bottom: 4rem;
    }

    /* fix cards productos */

    /* ul > li.product.type-product{} */

    li.product .ld-sp-img img {
        width: 75% !important;
        margin-inline: auto !important;
    }


    /* 1. Tu corrección: Tarjetas al 100% de ancho */
    .woocommerce.archive ul.products li.product {
        width: 90% !important;
        margin-inline: auto !important;
    }

    li.product .ld-sp {
        min-height: 18rem;
    }

    /* 2. Aseguramos que la caja de información tome el 100% del ancho de la tarjeta */
    li.product .ld-sp-info {
        width: 100% !important;
        box-sizing: border-box !important;
        gap: 4px !important;
        display: flex;
        align-content: flex-start;
    }

    /* 3. Centramos específicamente el botón */
    li.product .ld-sp-btn.ld-sp-add-to-cart {
        align-self: center !important;
        /* Lo centra en el eje transversal del flexbox */
        margin-left: auto !important;
        /* Empuja el margen izquierdo */
        margin-right: auto !important;
        /* Empuja el margen derecho */
    }

    li.product .ld-sp-info h3 {
        margin-bottom: 1rem !important;
    }

    li.product .ld-sp-btn.ld-sp-add-to-cart {
        max-width: 190px !important;
    }

}


@media (min-width: 800px) and (max-width: 1000px) {

    .woocommerce-shop.woocommerce-page .ld-shop-topbar.pos-rel.fullwidth>div>div {
        flex-direction: row-reverse !important;
    }

    .woocommerce-shop.woocommerce-page .ld-shop-topbar.pos-rel.fullwidth>div>div>div.col-md-3.lqd-shop-topbar-ajax-filter.lqd-visible-mobile {
        display: block !important;
    }

    .btn-flotante-tienda-mobile {
        bottom: 150px !important;
    }
}


@media (min-width: 700px) and (max-width: 1000px) {
    #tradicion-argentina-en-houston {
        top: 30rem;
    }

    .btn-call {
        width: 185px;
        height: 42px;
        font-size: 20px;
    }

    .data-contacto-container {
        margin-bottom: -5px !important;
    }
}


/* --- Estilos para el contenedor del desplegable (Caja) --- */
.ld-shop-topbar .lqd-select-dropdown .ui-menu.ui-widget-content {
    background-color: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
    padding: 8px 0 !important;
    font-family: 'DM Sans', sans-serif !important;
    overflow: hidden;
}

.ld-shop-topbar .lqd-select-dropdown .ui-menu-item-wrapper {
    color: #707070 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    padding: 10px 20px !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
    background-color: transparent !important;
    /* Bloqueamos cualquier borde que jQuery UI intente poner de base */
    border: none !important;
    outline: none !important;
}

.ld-shop-topbar .lqd-select-dropdown .ui-menu-item-wrapper:hover,
.ld-shop-topbar .lqd-select-dropdown .ui-menu-item-wrapper:focus,
.ld-shop-topbar .lqd-select-dropdown .ui-menu-item-wrapper.ui-state-active,
.ld-shop-topbar .lqd-select-dropdown .ui-menu-item-wrapper.ui-state-focus {
    background-color: #f5f8fa !important;
    color: #065088 !important;
    font-weight: 500 !important;
    /* Aquí eliminamos el recuadro y el borde negro molesto */
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    /* Evita que el menú "salte" al quitarle el borde */
}


/* --- Estilos para el contenedor del desplegable (Caja) fin  --- */

.availability_status,
.sku_wrapper {
    display: none !important;
}


.hero-subSubtitle {
    font: italic normal normal 28px/35px Libre Baskerville;
}

/* Quitar mayúsculas forzadas del título del widget de categorías */
#woocommerce_product_categories-1 .widget-title {
    text-transform: none !important;
}


.woocommerce-ordering .ui-selectmenu-button {
    color: #707070 !important;
}

#row-dos-del-producto-tienda .product.product-layout-component.lqd-product-meta>div>span.tagged_as {
    display: none !important;
}

.otgs-development-site-front-end {
    display: none;
}

/* 
ul.switcher-idioma {
    display: none !important;
}*/