.elementor-5351 .elementor-element.elementor-element-e1533bb{--display:flex;--min-height:240px;--background-transition:0.3s;}.elementor-5351 .elementor-element.elementor-element-e1533bb:not(.elementor-motion-effects-element-type-background), .elementor-5351 .elementor-element.elementor-element-e1533bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://delizia.bo/wp-content/uploads/2026/01/Archive-hero-image.jpg");}.elementor-5351 .elementor-element.elementor-element-e1533bb, .elementor-5351 .elementor-element.elementor-element-e1533bb::before{--border-transition:0.3s;}.elementor-5351 .elementor-element.elementor-element-8c7204d{--spacer-size:50px;}.elementor-5351 .elementor-element.elementor-element-1340adf .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-5351 .elementor-element.elementor-element-87ee789{color:var( --e-global-color-64363bd );}.elementor-5351 .elementor-element.elementor-element-f0479dc .elementor-search-form__container{min-height:50px;}.elementor-5351 .elementor-element.elementor-element-f0479dc .elementor-search-form__submit{min-width:50px;}body:not(.rtl) .elementor-5351 .elementor-element.elementor-element-f0479dc .elementor-search-form__icon{padding-left:calc(50px / 3);}body.rtl .elementor-5351 .elementor-element.elementor-element-f0479dc .elementor-search-form__icon{padding-right:calc(50px / 3);}.elementor-5351 .elementor-element.elementor-element-f0479dc .elementor-search-form__input, .elementor-5351 .elementor-element.elementor-element-f0479dc.elementor-search-form--button-type-text .elementor-search-form__submit{padding-left:calc(50px / 3);padding-right:calc(50px / 3);}.elementor-5351 .elementor-element.elementor-element-f0479dc:not(.elementor-search-form--skin-full_screen) .elementor-search-form__container{border-radius:3px;}.elementor-5351 .elementor-element.elementor-element-f0479dc.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{border-radius:3px;}.elementor-5351 .elementor-element.elementor-element-5de9195{--display:flex;--background-transition:0.3s;}.elementor-5351 .elementor-element.elementor-element-112a660{--grid-columns:3;}@media(max-width:1024px){.elementor-5351 .elementor-element.elementor-element-112a660{--grid-columns:2;}}@media(max-width:767px){.elementor-5351 .elementor-element.elementor-element-112a660{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-112a660 *//* ==================================================
   1. EXTERMINAR FONDOS Y SKELETONS DEL LOOP GRID
   ================================================== */
/* Forza al contenedor del Loop a ser invisible */
.elementor-loop-container,
.e-loop-item {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    animation: none !important; /* Detiene animaciones de carga */
}

/* Ocultar específicamente esas "pastillas" de carga (Skeleton) */
.e-loop-item--skeleton,
.elementor-widget-empty,
.elementor-widget:empty {
    display: none !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}



.recipe-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 35, 149, 0.15);
}

/* ==================================================
   3. IMAGEN (FULL WIDTH)
   ================================================== */
.recipe-card .elementor-widget-image {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.recipe-card img {
    display: block;
    width: 100%;
    height: 220px; /* Altura fija */
    object-fit: cover;
    border-radius: 20px 20px 0 0;
}

/* ==================================================
   4. TÍTULO (PEGADO A LA IMAGEN)
   ================================================== */
.recipe-card .elementor-widget-heading {
    /* Padding: 20px lados, 15px arriba, 0 abajo para pegarse al botón */
    padding: 15px 20px 5px 20px !important;
    margin: 0 !important;
    width: 100%;
}

.recipe-card .elementor-heading-title {
    color: #002395; /* Azul Delizia */
    font-size: 19px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}

/* ==================================================
   5. BOTÓN / PASTILLA (LIMPIO)
   ================================================== */
/* Limpiamos el contenedor del botón */
.recipe-card .elementor-widget-button {
    margin: 0 !important;
    padding: 10px 20px 0 !important; /* Un poco de aire arriba */
    width: 100%;
    text-align: center;
}

/* Estilo de la pastilla */
.recipe-card .elementor-button {
    background-color: #fff !important;
    border: 1px solid #002395 !important;
    color: #002395 !important;
    border-radius: 50px !important;
    padding: 6px 24px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: none;
    box-shadow: none !important; /* Sin sombras extrañas */
    margin: 0 !important;
}

.recipe-card .elementor-button:hover {
    background-color: #002395 !important;
    color: #fff !important;
}

/* ==================================================
   6. CORAZÓN FLOTANTE
   ================================================== */
.card-heart {
    position: absolute;
    /* Ajuste vertical: 220px (img) - 22px (mitad corazon) */
    top: 198px; 
    right: 15px;
    width: 44px;
    height: 44px;
    background: #fff;
    border-radius: 50%;
    border: none;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.card-heart:hover { transform: scale(1.1); }
.card-heart svg { width: 22px; transition: fill 0.3s ease; stroke: #d52b1e; }
.card-heart.is-active svg { fill: #d52b1e; }

/* ==================================================
   7. QUITAR “PASTILLAS” (espacios/bloques vacíos)
   ================================================== */

/* 1) El HTML widget (suele ser el culpable si está vacío) */
.recetas-grid .recipe-card .elementor-widget-html,
.recipe-card .elementor-widget-html{
  margin: 0 !important;
  padding: 0 !important;
}

/* si el contenedor del widget está vacío, no debe ocupar espacio */
.recetas-grid .recipe-card .elementor-widget-html .elementor-widget-container:empty,
.recipe-card .elementor-widget-html .elementor-widget-container:empty{
  display: none !important;
  height: 0 !important;
}

/* “Vacíos falsos”: &nbsp; o <br> dentro del HTML */
.recetas-grid .recipe-card .elementor-widget-html p,
.recipe-card .elementor-widget-html p{
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.recetas-grid .recipe-card .elementor-widget-html p:empty,
.recipe-card .elementor-widget-html p:empty,
.recetas-grid .recipe-card .elementor-widget-html br,
.recipe-card .elementor-widget-html br{
  display: none !important;
}

/* 2) Spacers / widgets vacíos típicos */
.recetas-grid .recipe-card .elementor-widget-spacer,
.recipe-card .elementor-widget-spacer{
  display: none !important; /* si no los usas, esto los elimina */
}

/* 3) Cualquier “cajita” interna con fondo/borde que esté generando bloques raros */
.recetas-grid .recipe-card .elementor-widget-container,
.recipe-card .elementor-widget-container{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}/* End custom CSS */