.elementor-17 .elementor-element.elementor-element-70bd9a8{--display:flex;--position:fixed;--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0% 10%;--row-gap:0%;--column-gap:10%;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;top:0px;--z-index:1000;}.elementor-17 .elementor-element.elementor-element-70bd9a8:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-70bd9a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F3EA;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-70bd9a8{left:0px;}body.rtl .elementor-17 .elementor-element.elementor-element-70bd9a8{right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-1101305{text-align:start;}.elementor-17 .elementor-element.elementor-element-1101305 img{width:55%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17 .elementor-element.elementor-element-6a467da{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0% 05% 0% 0%;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-height:30px;--e-nav-menu-divider-color:#556F40;}.elementor-17 .elementor-element.elementor-element-6a467da .elementor-menu-toggle{margin:0 auto;background-color:#00000000;}.elementor-17 .elementor-element.elementor-element-6a467da .elementor-nav-menu .elementor-item{font-family:"Momo Trust Display", Sans-serif;font-size:1.25em;font-weight:400;}.elementor-17 .elementor-element.elementor-element-6a467da .elementor-nav-menu--main .elementor-item{color:#556F40;fill:#556F40;}.elementor-17 .elementor-element.elementor-element-6a467da .elementor-nav-menu--main .elementor-item:hover,
					.elementor-17 .elementor-element.elementor-element-6a467da .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-17 .elementor-element.elementor-element-6a467da .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-17 .elementor-element.elementor-element-6a467da .elementor-nav-menu--main .elementor-item:focus{color:#556F40;fill:#556F40;}.elementor-17 .elementor-element.elementor-element-6a467da .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-17 .elementor-element.elementor-element-6a467da .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#00000000;}.elementor-17 .elementor-element.elementor-element-6a467da .e--pointer-framed .elementor-item:before,
					.elementor-17 .elementor-element.elementor-element-6a467da .e--pointer-framed .elementor-item:after{border-color:#00000000;}.elementor-17 .elementor-element.elementor-element-6a467da .elementor-nav-menu--dropdown a, .elementor-17 .elementor-element.elementor-element-6a467da .elementor-menu-toggle{color:#556F40;fill:#556F40;}.elementor-17 .elementor-element.elementor-element-6a467da .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-6a467da .elementor-nav-menu--dropdown a:hover,
					.elementor-17 .elementor-element.elementor-element-6a467da .elementor-nav-menu--dropdown a:focus,
					.elementor-17 .elementor-element.elementor-element-6a467da .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-17 .elementor-element.elementor-element-6a467da .elementor-nav-menu--dropdown a.highlighted,
					.elementor-17 .elementor-element.elementor-element-6a467da .elementor-menu-toggle:hover,
					.elementor-17 .elementor-element.elementor-element-6a467da .elementor-menu-toggle:focus{color:#556F40;}.elementor-17 .elementor-element.elementor-element-6a467da .elementor-nav-menu--dropdown a:hover,
					.elementor-17 .elementor-element.elementor-element-6a467da .elementor-nav-menu--dropdown a:focus,
					.elementor-17 .elementor-element.elementor-element-6a467da .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-17 .elementor-element.elementor-element-6a467da .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-6a467da div.elementor-menu-toggle{color:#556F40;}.elementor-17 .elementor-element.elementor-element-6a467da div.elementor-menu-toggle svg{fill:#556F40;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-70bd9a8{--min-height:60px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;}.elementor-17 .elementor-element.elementor-element-6a467da .elementor-nav-menu--dropdown a{padding-left:40px;padding-right:40px;padding-top:15px;padding-bottom:15px;}.elementor-17 .elementor-element.elementor-element-6a467da .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-17 .elementor-element.elementor-element-6a467da .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:6px !important;}}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-70bd9a8{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-70bd9a8 */.recipe-seccion-preparacion{
    display: block;
    border: 1px solid #9eb183;
}

/* --- CONTENEDOR PRINCIPAL --- */
.lista-timeline {
  list-style: none;
  position: relative;
  padding-left: 45px; 
  counter-reset: mi-contador; 

  /* CAMBIO CLAVE: Eliminamos el "1fr" para que las filas no se fuercen a medir lo mismo.
     Ahora el Grid solo sirve para alinear los elementos en su fila, permitiendo alturas variables. */
  display: grid;
  grid-auto-rows: max-content; 
}

/* --- COMPONENTES DE LA LISTA --- */
.lista-timeline li {
  position: relative;
  color: #808080;
  line-height: 1.6;
  
  /* AQUÍ CONTROLAMOS EL ESPACIADO UNIFORME:
     Cambiamos row-gap por un padding-bottom idéntico para cada elemento. 
     Esto garantiza que la distancia desde la última línea de texto al siguiente número sea SIEMPRE la misma. */
  padding-bottom: 30px; 
  
  display: flex;
  flex-direction: column;
  justify-content: flex-start; 
}

/* --- LÍNEA CONECTORA VERTICAL INTELIGENTE --- */
.lista-timeline li:has(+ li)::after {
  content: "";
  position: absolute;
  
  /* SEPARACIÓN SUPERIOR: Empieza 6px abajo del círculo */
  top: 39px;           
  left: -26px;         
  width: 2px;
  
  /* NUEVO CÁLCULO DE ALTURA DE LÍNEA:
     Como ahora usamos padding-bottom en el 'li', el 100% del elemento ya incluye ese espacio.
     Para que la línea termine justo 6px antes del siguiente círculo, la cuenta es limpia:
     100% de la altura - 36px (círculo superior) - 6px (aire inferior) = - 42px */
  height: calc(100% - 42px); 
  
  background-color: #b0c29e;
  z-index: 1;
}

/* --- CÍRCULOS NUMÉRICOS --- */
.lista-timeline li::before {
  counter-increment: mi-contador;
  content: counter(mi-contador);
  position: absolute;
  top: 0;
  left: -44px; 
  
  width: 36px; 
  height: 36px; 
  
  background-color: #b0c29e;
  color: white;
  
  font-weight: 800 !important; 
  font-size: 15px;             
  
  border-radius: 50%;
  
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1; 
  
  z-index: 2; 
}

/* --- SOLO PARA RESOLUCIONES DESKTOP (Pantallas mayores a 1024px) --- */
@media (min-width: 1025px) {

  /* Aseguramos que las dos columnas principales midan lo mismo de alto */
  .receta-contenedor-padre {
    display: flex !important;
    align-items: stretch !important;
  }

  /* Convertimos la columna izquierda en un contenedor Flex vertical */
  .columna {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }

  /* La caja de ingredientes absorbe todo el espacio vertical disponible */
  .caja {
    flex-grow: 1 !important;
  }
  
}

.recetas-boton-volver{
   text-decoration: underline !important;
}

/* Breakpoint de pantalla mediana Y que además sea TÁCTIL */
@media screen and (min-width: 1065px) and (max-width: 3500px) and (pointer: coarse) {
	.bannerppal{
	    background-color: #F9F3EA;
	    background-image: url(https://c2052022.ferozo.com/wp-content/uploads/2026/06/Banners-DM_-Dulce-mama-2048-x-1600.jpg);
	    background-repeat: no-repeat;
	    background-size: cover;
	}
}


/* 
Mismo breakpoint de pantalla, pero que tenga MOUSE 
@media screen and (min-width: 1065px) and (max-width: 3500px) and (pointer: fine) {
	.bannerppal{
	    background-color: #F9F3EA;
	    background-image: url(https://c2052022.ferozo.com/wp-content/uploads/2026/06/Banners-DM_desktop3.jpg);
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: contain;
	}
}
*/
/*

@media screen and (min-width: 1065px) and (max-width: 1328px) and (pointer: coarse) {
	.bannerppalhomedesktop {
		display:none !important;	
	}
	
}

@media screen and (min-width: 1065px) and (max-width: 1920px) and (pointer: fine) {

	.bannerppalhometablet {
		display:none !important;
	}
}

*/


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


[data-id="7fb69bb"] {
    min-height:calc(100vh - 80px);
    height:calc(100vh - 80px);
}


[data-id="c3ef866"] {
    min-height:calc(100vh - 80px);
    height:calc(100vh - 80px);
    background-position:50% 80% !important;
}
.elementor-9 .elementor-element.elementor-element-67faabb .swiper-slide {
    height:calc(100vh - 80px);
}
[data-id="c3ef866"] img {
width: 100% !important;
height: 100% !important;
}
.swiper-slide-bg {
    background-position:50% 65% !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Momo Trust Display';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://dulcemama.com.ar/wp-content/uploads/2026/05/MomoTrustDisplay-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Momo Trust Display';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */