/***************************************************
  Mixins Themes 
/***************************************************/
/* Mixin Normal*/
/* Mixin Clear */
/* Mixin Border */
/*background RGBA
============================================*/
/***************************************************
  Mixins RTL Themes 
/***************************************************/
/************************************ 
	Override Bootstrap 
*************************************/
/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/***********************************************************************/
/* Title Block */

@media (min-width: 1200px) {
  .container {
    width: 1680px !important;
    max-width: 100% !important; 
  } 
}

@media (max-width: 1199px) {
  #index .container {
    width: 100%; } }

@media (min-width: 1200px) and (min-width: 1200px) {
  #footer .container {
    width: 1680px;
    max-width: 100%; } }
@media (min-width: 1200px) and (max-width: 1199px) {
  #footer .container {
    width: 100%; } }

/* Matamos el espacio sobrante del wrapper */
#wrapper {
    margin-bottom: 0 !important;
}

/*# sourceMappingURL=profile3690017887.css.map */


/* ============================================================
   SOLUCIÓN DEFINITIVA "LA VETA" footer y servicios
   ============================================================ */
.h1-box-service h3 { color: #c59d5f !important; }

/* Color dorado para los iconos de arriba (que se borró en tu código) */
.h1-box-service img { filter: invert(72%) sepia(13%) saturate(1039%) hue-rotate(3deg) brightness(92%) contrast(88%) !important; }

/* ARREGLO EXCLUSIVO PARA ATENCIÓN AL CLIENTE EN MÓVIL */
@media (max-width: 767px) {
    .footer-contact-veta {
        flex-direction: column !important; 
        align-items: flex-start !important; 
        width: max-content !important;      
        margin: 0 auto !important;          
        gap: 20px !important;  
        transform: translateX(40px) !important; /* El empujoncito hacia la derecha */            
    }
}

@media (max-width: 767px) {
    .h1-ft-info .ApRawHtml i {
        margin-bottom: 0px;
    }
}

/* Deja la franja del copyright fina y elegante */
.h1-box-copyright {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}


/*********************/
/* ============================================================
   ARREGLO FINAL DEL FOOTER (MÓVIL Y PC)
   ============================================================ */

/* 1. PC: Tamaño del logo de abajo */
#footer .footer-center .block.ApImage img {
    max-width: 180px !important;
    height: auto !important;
    margin-bottom: 20px;
}

/* 2. MÓVIL: Arreglo total de alineación */
@media (max-width: 767px) {
    
    /* Forzamos que todo el footer se centre */
    #footer {
        text-align: center !important;
    }

    /* Centramos el logo y lo hacemos humano de tamaño */
    #footer .footer-center .block.ApImage {
        text-align: center !important;
        margin: 0 auto 30px auto !important;
    }
    #footer .footer-center .block.ApImage img {
        max-width: 150px !important;
        display: inline-block !important;
    }

    /* Las columnas (Tienda, Info, Categorías) al 100% de ancho */
    #footer .ApColumn {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin-bottom: 40px !important;
        padding: 0 20px !important;
        display: block !important;
    }

    /* Centramos los títulos de las columnas */
    #footer .title_block {
        text-align: center !important;
        margin-bottom: 15px !important;
    }

    /* Arreglo de los datos de dirección para que no salgan pegados a la izquierda */
    #footer .block_content {
        display: inline-block !important;
        text-align: left !important; /* El texto a la izq pero el bloque centrado */
    }
    
    /* Bajamos los logos de tarjetas debajo del teléfono/email */
    #footer .DISPLAYFOOTER .row {
        display: flex !important;
        flex-direction: column-reverse !important; 
        align-items: center !important;
        gap: 25px !important;
    }

    /* Centramos la atención al cliente móvil */
    .footer-contact-veta {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        transform: none !important;
    }
}






/* AJUSTE DE ALTURA FIJA E IGUALADA - LA VETA */

/* 1. LA FILA: Forzamos la igualdad */
.row.h1-box-email.ApRow {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. AMBAS COLUMNAS: Altura idéntica */
.h1-box-email .ApColumn {
    display: flex !important;
    flex-direction: column !important;
    /* AQUÍ MANDAS TÚ: Cambia 400px si quieres que sean más altos o bajos */
    height: 400px !important; 
}

/* 3. EL JAMÓN (Izquierda): Que rellene su hueco sin deformarse */
.h1-box-email .ApColumn:first-child .block,
.h1-box-email .ApColumn:first-child .block-content,
.h1-box-email .ApColumn:first-child img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important; /* Esto hace que la foto no se estire feo */
    margin: 0 !important;
}

/* 4. EL QUESO (Derecha): Que rellene su hueco y centre el texto */
.h1-box-email .block_newsletter {
    background-image: url('https://charcuterialaveta.com/img/cms/SuscripcionesLaveta.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 20px !important;
    border: none !important;
}

/* 5. TEXTOS Y AIRE: Ajustados para 400px de altura */
.h1-box-email .block_newsletter .block_content:before {
    content: "Club La Veta";
    display: block !important;
    font-size: 30px !important;
    color: #fff !important;
    font-weight: bold !important;
    margin-bottom: 20px !important;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.9);
}

.h1-box-email .block_newsletter .block_content form {
    margin: 0 auto 20px auto !important;
    max-width: 330px !important;
}

.h1-box-email .block_newsletter .block_content:after {
    content: "Ofertas exclusivas y novedades de nuestra dehesa.";
    display: block !important;
    font-size: 15px !important;
    color: #fff !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

/* BOTÓN OCRE Y LIMPIEZA */
.h1-box-email .block_newsletter .btn { background-color: #b38e5d !important; color: #fff !important; }
.h1-box-email .block_newsletter .title_block, 
.h1-box-email .block_newsletter p, 
.h1-box-email .block_newsletter .fa-envelope-open-text { display: none !important; }





/* RESET DE FICHAS - LA VETA GOURMET */
.leo-list-product-reviews-wraper {
    display: none !important;
}
.leo-list-product-reviews {
    display: none !important;
}
.product-price-and-shipping{
margin-top: 0px !Important;
}

/* ARREGLO DE LA DESCRIPCIÓN CORTE AUTOMÁTICO */
.product-description-short {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /* AQUÍ: Corta el texto a la 2ª línea con ... */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 38px !important; /* Altura fija para que los precios NO bailen */
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #666 !important;
}

/* AJUSTE DE BOTONES DE CANTIDAD Y CARRO - LA VETA */

/* 1. Damos aire entre la descripción y los botones */
.product-miniature .leo-touchspin {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

/* 2. Color normal de los botones + y - */
.product-miniature .btn-primary.plus, 
.product-miniature .btn-primary.minus {
    background-color: #b38e5d !important; /* El ocre de tu marca */
    border-color: #b38e5d !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
}

/* 3. Color al pasar el ratón (Hover) */
.product-miniature .btn-primary.plus:hover, 
.product-miniature .btn-primary.minus:hover {
    background-color: #967448 !important; /* Un ocre más oscurito para el efecto */
    border-color: #967448 !important;
}

/* 4. Si el botón de "Añadir al carrito" también es verde, cámbialo aquí: */
.product-miniature .btn-primary.add-to-cart {
    background-color: #222222 !important; /* Negro/Antracita para contrastar */
    border-color: #222222 !important;
}

.product-miniature .btn-primary.add-to-cart:hover {
    background-color: #b38e5d !important; /* Se vuelve ocre al pasar el ratón */
    border-color: #b38e5d !important;
}

/* DANDO AIRE Y ELEGANCIA A LA SECCIÓN */

.btn-primary.plus, .btn-primary.minus {
    margin-top: 10px !important;
}
/* LIMPIEZA GOURMET: FUERA BOTONES Y CANTIDADES EN PORTADA */

/* 1. Ocultamos el bloque de cantidad (+ / - y el número) */
.product-miniature .leo-touchspin {
    display: none !important;
}

/* 2. Ocultamos el botón de añadir a la cesta (si aún saliera) */
.product-miniature .product-add-to-cart {
    display: none !important;
}

/* 3. Ajuste de margen inferior para que el precio no quede pegado al final */
.product-miniature .product-meta {
    padding-bottom: 25px !important;
}

/* 4. Si quieres que el precio se vea un poco más grande ahora que tiene espacio */
.product-miniature .price {
    font-size: 22px !important;
    margin-top: 10px !important;
}
.product-miniature .product-title, 
.product-miniature .product-title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; 
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 45px !important; 
    font-size: 15px !important;
    font-weight: 700 !important;
}







/* OCULTAR CABECERA GIGANTE EN PRODUCTO */
#product .breadcrumb-bg {
    display: none !important;
}



/* MEJORA DE LA DESCRIPCIÓN CORTA EN FICHA DE PRODUCTO */
#product .description-short p {
    font-size: 16px !important;      /* Un poco más grande para que se lea bien */
    color: #444444 !important;      /* Un gris mucho más oscuro y profesional */
    line-height: 1.6 !important;     /* Más espacio entre líneas para que no agobie */
    font-weight: 400 !important;     /* Peso normal pero con color fuerte */
}

/* OPCIONAL: Si quieres que el título del producto también tenga más fuerza */
#product .product-detail-name {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    margin-bottom: 15px !important;
}



/* 1. TEXTOS DE LAS VARIABLES (Tipo de envase, Peso, etc.) EN NEGRO */
.product-actions .control-label {
    color: #222222 !important; /* Negro elegante */
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 13px !important;
}

/* 2. BOTÓN AÑADIR A LA CESTA EN OCRE DORADO */
#product .btn-primary.add-to-cart {
    background-color: #C5A059 !important; /* Tu color de marca */
    border-color: #C5A059 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    border-radius: 5px !important; /* Un poco menos redondeado para que sea más moderno */
    transition: all 0.3s ease;
}

/* Efecto al pasar el ratón por el botón */
#product .btn-primary.add-to-cart:hover {
    background-color: #a68547 !important; /* Un tono más oscurito para el efecto */
    border-color: #a68547 !important;
}

/* 3. ARREGLO DE LAS CAJITAS DE SELECCIÓN (Atributos) */
/* Para que no se vean esos bordes verdes o raros */
.product-variants-item ul li input:checked + .radio-label {
    border-color: #C5A059 !important;
    background-color: #fcf9f2 !important;
}





/* SOLUCIÓN RADICAL VARIANTES - LA VETA */

/* 1. Forzamos la fila: Título a la izquierda, Opciones a la derecha */
.product-variants-item {
    display: flex !important;
    align-items: flex-start !important;
    margin-bottom: 20px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #eee;
}

.product-variants-item .control-label {
    width: 160px !important; /* Espacio fijo para el texto de la izquierda */
    min-width: 160px !important;
    font-weight: 700 !important;
    color: #222 !important;
    margin: 0 !important;
    padding-top: 8px !important;
}

/* 2. El contenedor de los botones */
.product-variants-item ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important; /* Espacio real entre botones */
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 !important;
}

/* 3. RESET TOTAL de los LI y LABEL (Aquí es donde Freshio suele fijar el ancho) */
.product-variants-item ul li, 
.product-variants-item .input-container,
.product-variants-item .input-container label {
    width: auto !important;   /* MATAMOS el ancho fijo */
    max-width: none !important;
    height: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    display: block !important;
}

/* 4. El botón real (el span o el radio-label) */
.product-variants-item .radio-label,
.product-variants-item .input-container label span {
    display: inline-block !important;
    width: auto !important;         /* Que se estire según el texto */
    min-width: 80px !important;     /* Pero que no sea ridículamente pequeño */
    padding: 8px 20px !important;   /* Espacio interno para el texto */
    border: 1px solid #ccc !important;
    background-color: #fff !important;
    color: #444 !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    text-align: center !important;
    white-space: nowrap !important; /* Evita que el texto salte de línea */
    cursor: pointer;
    line-height: 1.4 !important;
    height: auto !important;
}

/* 5. ELIMINAR LOS "FANTASMAS" (Esas cajas verdes o bordes que sobran) */
.product-variants-item .radio-label::after,
.product-variants-item .radio-label::before,
.product-variants-item label::after,
.product-variants-item label::before {
    display: none !important; /* Freshio suele usarlos para el diseño original */
}

/* 6. Estado CUANDO ESTÁ SELECCIONADO */
.product-variants-item li input:checked + .radio-label,
.product-variants-item li input:checked + span,
.product-variants-item li input:checked + label span {
    border-color: #C5A059 !important;
    background-color: #fcf9f2 !important;
    color: #C5A059 !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

/* Ocultamos el circulito del radio original */
.product-variants-item input[type="radio"] {
    display: none !important;
}



/* RETOQUE DISPONIBILIDAD (STOCK) */
/* 1. PRECIO (Basado exactamente en tu captura de pantalla) */
#product .product-prices .current-price-value {
    font-size: 36px !important;      /* Tamaño potente */
    color: #C5A059 !important;      /* Tu ocre de marca */
    font-weight: 800 !important;     /* Muy negrita */
    display: inline-block !important;
}

/* 2. STOCK (Viendo que está dentro de div.box-instock) */
#product .box-instock .label-success,
#product .product-availability {
    background-color: #2c4a39 !important; /* Verde oscuro gourmet */
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 5px 12px !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
}

/* 3. PEQUEÑO AJUSTE PARA "IMPUESTOS INCLUIDOS" */
#product .tax-shipping-delivery-label {
    display: block !important;
    margin-top: -5px !important;
    color: #888 !important;
    font-size: 13px !important;
}

/* STOCK REFORZADO - LA VETA */
#product .box-instock span.product-available {
    background-color: #2c4a39 !important; /* Verde oscuro "Dehesa" */
    color: #ffffff !important;           /* Texto blanco para contraste */
    font-size: 11px !important;         /* Un pelín más grande para legibilidad */
    font-weight: 700 !important;
    padding: 6px 15px !important;
    border-radius: 3px !important;      /* Bordes más limpios */
    display: inline-block !important;
    letter-spacing: 0.5px;               /* Un poco de aire entre letras */
}
#product .box-instock span.product-available {
    background-color: #386641 !important; /* Un verde más visible pero elegante */
    color: #ffffff !important;
}



/* LIMPIEZA ELEGANTE DE CATEGORÍAS - LA VETA */
#category .breadcrumb-bg {
    background-image: none !important;   /* Fuera los limones */
    background-color: #fcf9f2 !important; /* Un crema muy suave que pegue con tu ocre */
    min-height: auto !important;         /* Quitamos los 300px de altura */
    padding: 40px 0 30px 0 !important;    /* Un poco de aire arriba y abajo */
    border-bottom: 1px solid #eee;
}

/* Estilo del título (Jamón, Embutidos, etc.) */
#category .breadcrumb-bg h1 {
    color: #222 !important;
    font-size: 36px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
}

/* Estilo de las migas de pan (Inicio > Jamón) */
#category .breadcrumb-bg .breadcrumb li,
#category .breadcrumb-bg .breadcrumb li a {
    color: #888 !important;
    font-size: 13px !important;
}






/* LIMPIEZA GOURMET DE LA COLUMNA LATERAL (SIDEBAR) */

/* 1. TÍTULOS DE LOS BLOQUES (Proveedores, Marcas, Filtros) */
#left-column .title_block, 
#right-column .title_block,
.block-categories .h6,
#search_filters .h6 {
    font-family: 'Mazzard Soft H', sans-serif !important; /* Usamos la del logo/menú */
    text-transform: uppercase !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #222 !important;            /* Negro para el título principal */
    letter-spacing: 1px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #C5A059 !important; /* Línea ocre elegante debajo */
    margin-bottom: 20px !important;
    display: block !important;
}

/* 2. ELIMINAR EL TEXTO "NO HAY PROVEEDORES" (Si está vacío, que no estorbe) */
#right-column .block:contains("No hay proveedores"),
.block_content:empty, 
.block_content p:contains("No hay") {
    display: none !important;
}

/* 3. ESTILO DE LAS LISTAS (Marcas, Categorías) */
#right-column .block_content ul li,
#left-column .block_content ul li {
    padding: 8px 0 !important;
    border-bottom: 1px solid #f2f2f2 !important; /* Línea muy sutil entre items */
    transition: all 0.3s ease;
}

#right-column .block_content ul li a,
#left-column .block_content ul li a {
    color: #555 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    display: block !important;
}

/* Efecto al pasar el ratón por las marcas/categorías */
#right-column .block_content ul li a:hover,
#left-column .block_content ul li a:hover {
    color: #C5A059 !important; /* Cambia a ocre */
    padding-left: 5px !important; /* Pequeño movimiento */
}

/* 4. LIMPIEZA DEL BLOQUE DE ORDENAR (Ordenar por Relevancia...) */
.products-selection {
    background-color: #fcf9f2 !important; /* Fondo crema suave */
    padding: 15px !important;
    border-radius: 5px !important;
    margin-bottom: 30px !important;
}

.products-selection .sort-by {
    font-weight: 700 !important;
    color: #444 !important;
}


#subcategories {
    display: none !important;
}
#category-description img {
    display: none !important;
}




/* EFECTO TARJETA GOURMET - SOLO PARA PÁGINAS DE CATEGORÍA */
/* EFECTO TARJETA GOURMET - FORZADO PARA LISTADO DE CATEGORÍAS */

/* 1. Contenedor de cada producto */
#js-product-list .ajax_block_product {
    border: none !important;
    background: none !important;
    padding: 10px !important;
}

/* 2. La tarjeta interna */
#js-product-list .product-miniature {
    border: 1px solid #C5A059 !important;
    background: #fff !important;
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    height: 100% !important;
    transition: all 0.3s ease;
    margin-bottom: 20px;
}

/* 3. Contenedor de imagen */
#js-product-list .product-miniature .thumbnail-container {
    border: none !important;
    width: 100% !important;
    height: 180px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-bottom: 15px !important;
}

#js-product-list .product-miniature img {
    max-height: 100% !important;
    width: auto !important;
    object-fit: contain;
}

/* 4. Título y descripción */
#js-product-list .product-miniature .product-description,
#js-product-list .product-miniature .product-info,
#js-product-list .product-miniature .product-meta {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
}

/* 5. Ocultar botones que ensucian (lupa, corazón, etc) */
#js-product-list .functional-buttons, 
#js-product-list .leo-more-info, 
#js-product-list .quick-view,
#js-product-list .highlighted-informations {
    display: none !important;
}

/* 6. Botón Carro */
#js-product-list .product-miniature .add-to-cart {
    margin-top: 15px !important;
    display: inline-block !important;
    color: #C5A059 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
}




/* ELIMINAR EL BLOQUE DE LAS LIMAS (BREADCRUMB) EN TODA LA WEB */
.breadcrumb-bg {
    display: none !important;
}




/* --- MASTER LANDING GOURMET --- */
/* --- REFINAMIENTO LANDING GOURMET --- */

/* 1. Eliminamos el título automático que ensucia la parte superior */
.page-cms-23 .page-header { 
    display: none !important; 
}

/* 2. Estilo general de la página (Equilibrio) */
.lv-landing-clean {
    font-family: 'Montserrat', sans-serif;
    color: #333;
    line-height: 1.7;
    padding: 0;
}

/* Título Principal (Elegante, no gigante) */
.lv-main-title {
    font-size: 2.2rem !important;
    color: #111;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin: 60px 0 20px 0;
    letter-spacing: 1px;
}

.lv-main-title::after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background: #C5A059;
    margin: 15px auto;
}

/* Subtítulos de sección */
.lv-sub-text {
    text-align: center;
    font-size: 1.1rem;
    max-width: 800px;
    margin: 0 auto 50px auto;
    color: #666;
}

/* Tarjetas de Beneficios (Más sutiles) */
.lv-feature-card {
    background: #fff;
    padding: 30px;
    border: 1px solid #eee;
    text-align: center;
    transition: 0.3s;
    height: 100%;
}

.lv-feature-card:hover {
    border-color: #C5A059;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.lv-feature-card h3 {
    color: #C5A059;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}

/* El Botón (Ahora es un botón normal y elegante) */
.lv-button-gold {
    background: #C5A059;
    color: #fff !important;
    padding: 15px 40px;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    transition: 0.3s;
    border: none;
}

.lv-button-gold:hover {
    background: #111;
}

/* Espaciados responsivos */
@media (max-width: 768px) {
    .lv-main-title { font-size: 1.8rem !important; }
}




/* --- SOLUCIÓN DEFINITIVA DE MÁRGENES --- */
/* ============================================================
   ESTRUCTURA GLOBAL CHARCUTERÍA LA VETA
   ============================================================ */

/* 1. OCULTAR BREADCRUMB (LIMAS) EN TODA LA WEB */
.breadcrumb-bg { 
    display: none !important; 
}

/* 2. HOME (index): Se mantiene pegada al menú negro */



/***********************************************************
   CONTROL MAESTRO DE ESPACIOS (SÓLO TOCAR AQUÍ)
************************************************************/
#wrapper .container {
    padding-top: 50px !important;
}