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

.seccion_receta .columna_textos {
    padding: var(--padding-40);
}

.seccion_receta .titulo {
    color: var(--azul-oscuro);
    font-family: var(--fuente-subtitulo);
    font-size: var(--fs-h2);
    font-style: normal;
    font-weight: 400;
    line-height: 78%;
    width: 100%;
}

.seccion_receta .prep_time  {
    display: inline-block;
    width: max-content;
    padding: var(--padding-10);
    border: 1px solid var(--azul-oscuro);
    color: var(--azul-oscuro);
    font-family: var(--fuente-textos);
    font-size: var(--fs-p-large);
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    margin-right: var(--padding-40);
}

.seccion_receta .prep_time span, .seccion_receta .ingredientes span {
    display: block;
    font-weight: 700;
}

.seccion_receta .ingredientes span {
    padding-bottom: var(--padding-10);
}

.seccion_receta .ingredientes {
    margin-top: var(--padding-40);
    color: var(--azul-oscuro);
    font-family: var(--fuente-titulo);
    font-size: var(--fs-p-large);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.seccion_receta .ingredientes li {
    list-style: disc;
}

.seccion_receta .ingredientes ul {
    padding-bottom: 0;
    padding-top: var(--padding-10);
}

.seccion_receta .et_pb_image, .seccion_receta .et_pb_image span {
    height: 100%;
    position: relative;
}

.seccion_receta .et_pb_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
}

.seccion_instrucciones h1, .seccion_instrucciones h2 {
    color: var(--azul-oscuro);
    font-family: var(--fuente-subtitulo);
    font-size: var(--fs-h2);
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.211px;
    padding-bottom: var(--padding-40);
}

.seccion_instrucciones p {
    color: var(--azul-oscuro);
    font-family: var(--fuente-titulo);
    font-size: var(--fs-p-large);
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 27.375px */
    letter-spacing: -0.211px;
}

.bloque_recetas_relacionadas .titulo_bloque {
    color: var(--azul-oscuro);
    font-family: var(--fuente-titulo);
    font-size: var(--fs-h3);
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 31.2px */
    letter-spacing: -0.211px;
}

.receta_foto {
    margin-bottom: var(--padding-20);
    width: 100%;
    height: auto;
    aspect-ratio: 100 / 91;
}

.receta_foto img {
    object-fit: cover;
    aspect-ratio: 1 / 1;
    width: 100%;
    height: 100%;
    background-color: var(--blanco);
}

.bloque_recetas_relacionadas .receta_titulo a {
    color: var(--azul-oscuro);
    font-family: var(--fuente-subtitulo);
    font-size: var(--fs-h3);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 37.904px */
}

.bloque_recetas_relacionadas .receta_titulo {
    padding-bottom: var(--padding-20);
}

.receta_datos {
    display: flex;
    gap: var(--padding-10);
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--padding-40);
}


.receta_datos .cta, .seccion_banner .cta {
    background-color: var(--azul-oscuro);
    color: var(--marron-claro);
    font-family: var(--fuente-titulo);
    font-size: var(--fs-p);
    font-style: normal;
    font-weight: 500;
    line-height: 21.058px;
}

.receta_datos .cta:hover, .seccion_banner .cta:hover {
    background-color: var(--blanco);
    color: var(--azul-oscuro);
    cursor: pointer;
}

.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: 25.269px; /* 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: 25.269px; /* 120% */
}


.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;  
}
/* Tabs estáticas para single receta (no afectan al JS de recetas) */
.recetas_tabs_static_wrapper {
  display: flex;
  gap: var(--padding-20);
  justify-content: center;
  margin-bottom: 0
}

.recetas_tab_static {
  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-weight: 400;
  line-height: 130%;
  text-transform: capitalize;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.recetas_tab_static:hover {
  opacity: 0.8;
}

.recetas_tab_static.activa {
  color: var(--marron-claro);
  background-color: var(--azul-oscuro);
  border-color: var(--azul-oscuro);
}

.seccion_instrucciones.et_pb_section  {
    padding-bottom: 0;
}

.seccion_instrucciones .et_pb_row:has(.sin_relacionadas) {
    display: flex;
}

.seccion_instrucciones .et_pb_row:has(.sin_relacionadas) .instrucciones_column {
  flex: 1 1 100% !important;
  width: 100% !important;
} 

.seccion_instrucciones .recetas_relacionadas_column:has(.sin_relacionadas) {
  flex: 0 0 0 !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  width: 0;
}

@media (max-width: 980px) {

    .seccion_cuadro_ingredientes {
        display: flex;
        flex-direction: column;
        gap: var(--padding-40);
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0;
    }

    .seccion_receta .et_pb_image img {
        position: relative;
        height: auto;
    }

    .seccion_cuadro_ingredientes .et_pb_column:last-of-type {
        margin-left: auto !important;
        margin-right: auto !important;
        padding-bottom: 0;
        padding-top: 0;
    }

}

@media (max-width: 768px) {
    
    .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;
    }
}