/*
Theme Name:   Plantilla Proyecto IN
Description:  Tema desarrollado por Proyecto IN
Author:       Proyecto IN
Author URL:   https://proyectoin.com 
Template:     hello-elementor
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  Plantilla Proyecto IN
*/

/* Acá empezarías a personalizar tu tema con código CSS */

/* Forzar la carga de la fuente 'PUGNAX' usando @font-face */
@font-face {
    font-family: 'PUGNAX';
    src: url('https://alimentosochoa.com/wp-content/uploads/2025/10/PUGNAX-Regular.woff2') format('woff2'),
         url('https://alimentosochoa.com/wp-content/uploads/2025/10/PUGNAX-Regular.woff') format('woff'),
         url('https://alimentosochoa.com/wp-content/uploads/2025/10/PUGNAX-Regular.ttf') format('truetype'),
         url('https://alimentosochoa.com/wp-content/uploads/2025/10/PUGNAX-Regular.eot') format('eot');
    font-weight: normal;
    font-style: normal;
}


/* Aplica la tipografía 'PUGNAX' a los elementos con la clase 'tipografia' */
.tipografia {
    font-family: 'PUGNAX', sans-serif !important;
}


/* Ocultar botones de filtro de productos
  (Este código va en style.css de un tema hijo)
*/

.elementor-widget-taxonomy-filter search.e-filter button.e-filter-item[data-filter="destacados"],
.elementor-widget-taxonomy-filter search.e-filter button.e-filter-item[data-filter="incompletos"],
.elementor-widget-taxonomy-filter search.e-filter button.e-filter-item[data-filter="rubro"],
.elementor-widget-taxonomy-filter search.e-filter button.e-filter-item[data-filter="ofertas-de-la-semana"] {
    display: none !important;
}

/* ===================================================
   Definición Global de Colores de Categorías
   =================================================== */
:root {
    /* Gris Neutro */
    --color-neutro-solid: rgb(117, 117, 117);
    --color-neutro-trans: rgba(117, 117, 117, 0.7);

    /* Carnes */
    --color-carnes-solid: rgb(198, 40, 40);
    --color-carnes-trans: rgba(198, 40, 40, 0.75);
    
    /* Ensaladas */
    --color-ensaladas-solid: rgb(129, 199, 132);
    --color-ensaladas-trans: rgba(129, 199, 132, 0.8);
    
    /* Pastas */
    --color-pastas-solid: rgb(229, 115, 115);
    --color-pastas-trans: rgba(229, 115, 115, 0.8);

    /* Pescado / Mariscos */
    --color-mariscos-solid: rgb(77, 208, 225);
    --color-mariscos-trans: rgba(77, 208, 225, 0.8);

    /* Pollo */
    --color-pollo-solid: rgb(255, 202, 40);
    --color-pollo-trans: rgba(255, 202, 40, 0.8);

    /* Quesos */
    --color-quesos-solid: rgb(255, 183, 77);
    --color-quesos-trans: rgba(255, 183, 77, 0.8);
}

/* =============================================
   Paleta de Colores para Categorías de Recetas (CON VARIABLES)
   ============================================= */

/* =============================================
   Paleta de Colores para Categorías de Recetas (CON VARIABLES)
   ============================================= */

/* =============================================
   Paleta de Colores para Categorías de Recetas (CON VARIABLES)
   ============================================= */

/* 1. Estilo por defecto */
.franja-titulo {
    background-color: var(--color-neutro-trans) !important;
}

/* 2. Estilos específicos 
   (APUNTANDO SOLO A LOS ITEMS DEL LOOP)
*/
.e-loop-item.color-cat-carnes .franja-titulo {
    background-color: var(--color-carnes-trans) !important;
}
.e-loop-item.color-cat-ensaladas .franja-titulo {
    background-color: var(--color-ensaladas-trans) !important;
}
.e-loop-item.color-cat-pastas .franja-titulo {
    background-color: var(--color-pastas-trans) !important;
}
.e-loop-item.color-cat-pescado .franja-titulo,
.e-loop-item.color-cat-mariscos .franja-titulo {
    background-color: var(--color-mariscos-trans) !important;
}
.e-loop-item.color-cat-pollo .franja-titulo {
    background-color: var(--color-pollo-trans) !important;
}
.e-loop-item.color-cat-quesos .franja-titulo {
    background-color: var(--color-quesos-trans) !important;
}
/* ===================================================
   Paleta de Colores para BOTONES de Filtro (CON VARIABLES)
   =================================================== */

/* 1. Estilo base (gris) */
.filtro-recetas-colores .e-filter-item {
    background-color: var(--color-neutro-solid) !important; 
    color: #ffffff !important;
}

/* 2. Estilos específicos */
.filtro-recetas-colores .e-filter-item[data-filter="carnes"],
.filtro-recetas-colores .e-filter-item[data-filter="carnes"][aria-pressed="true"] {
    background-color: var(--color-carnes-solid) !important;
}

.filtro-recetas-colores .e-filter-item[data-filter="ensaladas"],
.filtro-recetas-colores .e-filter-item[data-filter="ensaladas"][aria-pressed="true"] {
    background-color: var(--color-ensaladas-solid) !important;
}

.filtro-recetas-colores .e-filter-item[data-filter="pastas"],
.filtro-recetas-colores .e-filter-item[data-filter="pastas"][aria-pressed="true"] {
    background-color: var(--color-pastas-solid) !important;
}

.filtro-recetas-colores .e-filter-item[data-filter="pescado"],
.filtro-recetas-colores .e-filter-item[data-filter="mariscos"],
.filtro-recetas-colores .e-filter-item[data-filter="pescado"][aria-pressed="true"],
.filtro-recetas-colores .e-filter-item[data-filter="mariscos"][aria-pressed="true"] {
    background-color: var(--color-mariscos-solid) !important;
}

.filtro-recetas-colores .e-filter-item[data-filter="pollo"],
.filtro-recetas-colores .e-filter-item[data-filter="pollo"][aria-pressed="true"] {
    background-color: var(--color-pollo-solid) !important;
}

.filtro-recetas-colores .e-filter-item[data-filter="quesos"],
.filtro-recetas-colores .e-filter-item[data-filter="quesos"][aria-pressed="true"] {
    background-color: var(--color-quesos-solid) !important;
}

/* ===================================================
   Color de Fondo para Columna en Single Receta
   (Usa variables de color SÓLIDO)
   =================================================== */

/* 1. Estilo base (gris) por si acaso */
.columna-color-receta {
    background-color: var(--color-neutro-solid) !important; 
}

/* 2. Estilos específicos de categoría */
.color-cat-carnes .columna-color-receta {
    background-color: var(--color-carnes-solid) !important;
	color: white;
}
.color-cat-carnes .columna-color-receta h4,
.color-cat-carnes .columna-color-receta .elementor-heading-title{
    color: white !important;	
}
.color-cat-ensaladas .columna-color-receta {
    background-color: var(--color-ensaladas-solid) !important;
	color: var( --e-global-color-044b931 );	
}
.color-cat-ensaladas .columna-color-receta h4,
.color-cat-ensaladas .columna-color-receta h2,
.color-cat-pastas .columna-color-receta h2, 
.color-cat-pastas .columna-color-receta h4,
.color-cat-pollo .columna-color-receta h2, 
.color-cat-pollo .columna-color-receta h4, 
.color-cat-quesos .columna-color-receta h2, 
.color-cat-quesos .columna-color-receta h4{
    color:var(--e-global-color-044b931) !important;	
}
.color-cat-pastas .columna-color-receta {
    background-color: var(--color-pastas-solid) !important;
	color:var(--e-global-color-044b931) !important;	
}
.color-cat-pescado .columna-color-receta,
.color-cat-mariscos .columna-color-receta {
    background-color: var(--color-mariscos-solid) !important;
	color: var( --e-global-color-044b931 );	
}
.color-cat-pescado .columna-color-receta h4,
.color-cat-mariscos .columna-color-receta h4 {
    color: var( --e-global-color-044b931 );	
}

.color-cat-pollo .columna-color-receta {
    background-color: var(--color-pollo-solid) !important;
	color: var( --e-global-color-044b931 );	
}
.color-cat-quesos .columna-color-receta {
    background-color: var(--color-quesos-solid) !important;
	color: var( --e-global-color-044b931 );	
}

/* Estilos para el botón de vCard (tu clase personalizada) */
.mi-boton-personalizado {
    background-color: var(--e-global-color-0a9cf55);
    color: #ffffff !important;
    padding: 10px 15px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block; /* Importante para que agarre padding */
}

.mi-boton-personalizado:hover {
    background-color: #005177;
}

/* Opcional: Estilos para la clase por defecto */
.boton-vcard-dinamico {
    background-color: var(--e-global-color-0a9cf55); /* Un color rojo de ejemplo */
    color: white !important;
    padding: 15px;
    text-decoration: none;
    border-radius: 25px;
	font-weight: 700;
}