.recetas_destacadas.et_pb_section  {
 padding-top: calc(var(--size-logo-menu) + var(--padding-60));
}

.recetas_tabs { 
    width: 100%; 
}

.recetas_tabs_cabecera { 
    display: flex;
    gap: var(--padding-20);
    justify-content: center;
    margin-bottom: var(--padding-40);
}

.recetas_tab { 
    border-radius: 30px;
    padding: var(--padding-cta);
    border: 1px solid var(--gris-claro);
    cursor: pointer; 
    color: var(--azul-oscuro);
    font-family: var(--fuente-titulos);
    font-size: var(--fs-h3);
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.2px;
    text-transform:capitalize;
}

.recetas_tab:hover {
    opacity: 0.8;
}

.recetas_tab.activa { 
    color: var(--marron-claro);
    background-color: var(--azul-oscuro);
    border: 1px solid var(--azul-oscuro);
}

.recetas_contenido { 
    display: none; 
}
.recetas_contenido.activa { 
    display: block; 
}

.recetas_distribucion { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: var(--padding-40); 
}

@media (max-width: 900px) { .recetas_distribucion { grid-template-columns: 1fr; } }

.receta_imagen { 
    flex: 0 0 auto;
    width: 100%;
    display: block;
    object-fit: cover;     
    object-position: center;
    background-color: var(--blanco);
}

.recetas_grid_uno .receta_imagen {
  aspect-ratio: 4 / 5 !important;
}

.receta_imagen_destacada {
  aspect-ratio: 4 / 5; 
  margin-bottom: var(--padding-40);
}

.recetas_grid .receta_imagen {
  aspect-ratio: 3 / 4; 
  margin-bottom: var(--padding-40);
}

.receta_titulo { 
    color: var(--azul-oscuro);
    font-family: var(--fuente-subtitulos);
    font-size: var(--fs-h3);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    padding-bottom: var(--padding-20);
    min-height: calc(var(--size-36) * 2.1);
}


.receta_titulo_destacada, .recetas_grid_uno .receta_titulo {
    color: var(--azul-oscuro);
    font-family: var(--fuente-subtitulos);
    font-size: var(--fs-h2) !important;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; 
    padding-bottom: var(--padding-20);
}

.receta_datos { 
    display: flex;
    align-items: center; 
    gap: var(--padding-40);
    margin-bottom: var(--padding-20);
    margin-top: auto;
}

.receta_dato {
    display: flex;
    gap: var(--padding-10);
    flex-direction: column;
}

.receta_datos .label {
    color: var(--azul-oscuro);
    font-family: var(--fuente-textos);
    font-size: var(--fs-p-large);
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 120% */
}

.receta_datos .valor {
    color: var(--azul-oscuro);
    font-family: var(--fuente-textos);
    font-size: var(--fs-p-large);
    font-style: normal;
    font-weight: 300;
    line-height: 120%; /* 120% */
}

.receta_item_enlace {
  display: flex;
  flex-direction: column;
  height: 100%;                               
}

.recetas_grid { 
    display: grid; 
    gap: var(--padding-40);
    align-items: stretch;
}

.recetas_grid_cols_1 { grid-template-columns: 1fr; }
.recetas_grid_cols_2 { grid-template-columns: repeat(2, 1fr); }
.recetas_grid_cols_3 { grid-template-columns: repeat(2, 1fr); }
.recetas_grid_cols_4 { grid-template-columns: repeat(2, 1fr); }

.recetas_destacadas.et_pb_section .cta, .cta {
    background-color: var(--azul-oscuro);
    color: var(--marron-claro);
}

.recetas_destacadas.et_pb_section .cta:hover, .cta:hover {
    background-color: var(--blanco);
    color: var(--azul-oscuro);
    border: 1px solid var(--azul-oscuro);
}


.seccion_banner .et_pb_row {
    align-items: stretch;
   
}

.seccion_banner .et_pb_column .et_pb_image,
.seccion_banner .et_pb_image span, .seccion_banner .et_pb_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
}

.seccion_banner .columna_textos {
     padding: var(--padding-40);
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
}

.seccion_banner .titulo .p, .seccion_banner .titulo .et_pb_text_inner {
    font-family: var(--fuente-subtitulos);
    color: var(--azul-oscuro);
    font-weight: 400;
    font-style: Regular;
    font-size: var(--fs-h2);
    line-height: 100%;
    letter-spacing: 0px;
}

.seccion_banner .columna_textos .et_pb_module  {
    max-width: 70%;
}

.seccion_banner .cta {
    align-self: stretch;          /* permite que el margin-left actúe en todo el ancho */
    margin-left: calc((100% - 70%) / 2); /* 15%: mismo borde que los textos */
    width: max-content;  
}

/* Listado Recetas */

.recetas_lista_wrap .lista_titulo {
    color: var(--azul-oscuro);
    font-family: var(--fuente-subtitulos);
    font-size: var(--fs-h3);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    padding-bottom: var(--padding-20);
}

.recetas_lista_wrap .lista_panel{ 
    display:none; 
}

.recetas_lista_wrap .lista_panel.activa{ 
    display:block; 
}

.recetas_lista_wrap .lista_grid{
  display:grid; 
  gap: var(--padding-40);
  grid-template-columns: repeat(4, minmax(0,1fr));
  margin-bottom: var(--padding-40);
}

@media (max-width: 1200px){
  .recetas_lista_wrap .lista_grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}


/* Card */
.recetas_lista_wrap .lista_enlace{
  display:flex; 
  flex-direction:column; 
  height:100%; 
  align-items:flex-start;
}
.recetas_lista_wrap .lista_imagen{
  width:100%; 
  height:auto; 
  object-fit:cover; 
  object-position:center;
  aspect-ratio: 1 / 1; 
  flex:0 0 auto;
  margin-bottom: var(--padding-40);
  background-color: var(--blanco);
}

/* Paginación en círculos (namespaced) */

.recetas_lista_wrap .lista_pag_puntos{ 
    padding:0 .25rem; color: var(--azul-oscuro); 
}


@media (max-width: 768px) {  
    .recetas_grid_cols_4 {
        display: flex;
        flex-direction: column;
    }

     .recetas_lista_wrap .lista_grid{ 
        grid-template-columns: repeat(1, minmax(0,1fr)); 
     }

    .recetas_grid .receta_imagen, .recetas_lista_wrap .lista_imagen {
        aspect-ratio: 16 / 9;
        margin-bottom: var(--padding-20);
    }

    .seccion_banner {
        padding-bottom: 0;
        padding-top: 0;
    }

    .seccion_banner .columna_textos {
        align-items: flex-start;
        padding-left: 0;
        padding-right: 0;
    }

    .seccion_banner .columna_textos .et_pb_module {
        width: 90%;
        max-width: 90%;
        margin: auto;
    }

    .seccion_banner .et_pb_row {
        max-width: 100% !important;
        width: 100% !important;
    }

    .seccion_banner .cta {
        margin-right: auto;
        margin-left: calc((100% - 90%) / 2)!important;
        max-width: 90% !important;
        width: fit-content !important;
    }

    .receta_titulo {
        font-size: var(--fs-h3);
        min-height: auto;
    }

    .receta_imagen_destacada {
        margin-bottom: var(--padding-20);
        aspect-ratio:168/269;
    }
}