@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

@charset "utf-8";
/* Create By: Mery DurCam */
/* CSS Document */

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
font-style: normal;
text-align: left;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol,ul {
list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
content: "";
}

*{
margin: 0;
padding: 0;
}

html {
height:100%;
}

/* ------------------------------------------------------------
	 Stylos Globales
------------------------------------------------------------ */


body {
	margin: 0;
	padding: 0;
	font-family: 'Raleway', sans-serif;
	font-size:13px; 
	color:#909090;
	text-align:justify;
	line-height:20px;
	letter-spacing: 0.03em;
}

a{text-decoration: none; color:#7ea170}
a:hover {text-decoration:none}
a:focus {outline: none;}
.clear{clear:both;}


/* ------------------------------------------------------------
	                 Estilos del Home
------------------------------------------------------------ */


#containerbody{width:100%; height:auto; margin:0 auto;}

.center{ margin:0 auto; width:1020px; text-align: center}

.seccion{margin:0 auto;width:100%; padding:90px 0 80px}
.seccion_gray{ background:#f9f9f9 !important;}

.seccion_max{padding:100px 0;}

/*seccion contacto*/
.seccion_contacto{background: url(images/banner/contacto.jpg); background-size:cover; background-position: center center; color:#fff; text-align: center }
.seccion_contacto .title H2, .seccion_contacto .title H3{ color: #fff;}
.seccion_contacto p{ margin: 0 auto; width: 500px; text-align: center; margin-top:32px;}

.no-padding{ padding:0px !important}
.no-margin{ margin:0px !important}
.no-display{ display: none; transition-property: none; transition-duration: 0.8s; transition-timing-function: linear; transition-delay: 0.2s;}
.mb-20{ margin-bottom: 20px;}

/* botones 
a.btn{ display:inline-block; background:#c22426; font-family: 'Raleway', sans-serif; line-height:normal;padding:10px 20px; letter-spacing:0.05em; text-transform:uppercase; color:#FFF; text-align:center; box-sizing:border-box; border-radius:5px;border:2px solid transparent; font-weight: 600; }
a.btn:hover{background:#710f11;}
*/

H1, H2{ font-family: 'Raleway', sans-serif; line-height:normal; font-weight: 700;}

p{margin-bottom:20px;}
ul{list-style:disc;}
ul li{ margin-bottom: 5px}

/* cabecera home */
#cabecera{width:100%; position:fixed; top: 0; height:auto; z-index: 1; background: #fff; border-bottom: 1px solid #f1e6e6;}

#cabecera .menu_top{ padding-top:5px;}
#cabecera .menu{ padding: 30px 0px 20px}

#cabecera .cont_l{ width:auto; height:auto; float:left;}
#cabecera .cont_r{ width:auto; height:auto; float:right; text-align:right}

/*banner*/
.banner {
    background: linear-gradient(rgba(0, 0, 255, 0.1), rgb(21 21 42 / 30%)), url(images/banner/banner1.jpg) no-repeat;
    background-size: cover;
    height: 600px !important;
    min-height: 250px;
}

.banner .box_banner { margin: 0 auto; float: left; width: auto; padding-top:200px; color:#fff; }
.banner .box_banner H1 {
    width: auto;
    display: inline-block;
    font-size: 50px;
    text-align: center;
    line-height: 1.1em;
    margin-bottom: 10px;
    text-shadow: 2px 2px 2px rgb(0 0 0 / 15%);
}
.banner .box_banner H2{ margin: 0 auto;font-size: 20px; margin-bottom:40px;}

/*contenedores box */
.box{display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between;}
.box .box-l, .box .box-r{ text-align: center;}

/*estilos de titulos y textos*/
.box_text{ width:565px; }

/*title*/
.title{ margin-bottom:20px }
.title H2{ font-size:40px;  color:#95bd85; margin-bottom:20px;}
.title H3{ font-family: 'Raleway', sans-serif; font-size:17px; font-style: italic; line-height: 25px;}

.title_center{width:500px; margin: 0 auto; margin-bottom: 40px}
.title_center H2, .title_center H3 { text-align: center;}

.title_center_big{width:650px;}
.title_center_small{width:500px;}

.title_small{ width: 450px;}

/*items*/
.content_item{ margin-bottom:40px;}
.content_item .item:last-child{ margin-bottom: 0px; }
.content_item, .flex{ display: -webkit-flex; display: flex; flex-direction: row; /*justify-content: space-between;*/ }
.content_item_between{ justify-content: space-between}

.desc .pre_d_title{ color: #c22426; font-style: italic; font-weight:500; margin-bottom:5px; display: block;}
.desc .d_title{ display: block; font-size:17px; color:#000; font-weight: 700; margin-bottom: 20px; }

/*home*/

/*items: 3 filas*/
.item_3{width:320px; margin-left:3%; background: #fff; padding: 50px 30px 30px; box-sizing: border-box; border:1px solid #f1e6e6; text-align: center;}
.item_3:first-child{margin-left:0px;}
.item_3 .desc{ margin-top:25px;}
.item_3 .desc p{ text-align: center; line-height: 22px;}
.item_3 .desc .p_title{ margin: 0 auto; width: 200px; margin-bottom: 25px; font-size: 17px; font-weight:600; text-transform: uppercase;line-height: 25px; letter-spacing: 0.1em;}

/*items: 4 filas*/
.item_4{width:232px; margin-left:3%;}
.item_4:first-child{margin-left:0px;}
.item_4 img{ width: 100%;}

/*items: 1 filas*/
.item_1{ width: 100%; background: #f9f9f9;  border:1px solid #e2e2e2;}
.item_1 .box-r .desc{padding:100px 70px 10px 70px; box-sizing: border-box; }
.item_1 .box-r .desc img{ margin-bottom:25px;}
.item_1 .box-r .desc .title H2 span{ font-size: 30px; font-weight: 700;}


/* pie de página */

#footer{margin:0 auto; width:100%; color:#ababab; font-family: 'Raleway', sans-serif; background: url(images/footer/woods.png) no-repeat; background-position: bottom right; min-height: 300px;}
#footer .center{ display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; padding: 70px 0 40px;}
#footer .logo_img{ margin-bottom:50px; }


#footer .cont_l i{ font-size: 12px; margin-right:7px}
#footer .cont_l .content_info{ margin-bottom: 30px;}
#footer .cont_l .content_info p{ margin-bottom: 0px;}
#footer .cont_r{align-self:flex-end}
#footer .cont_r p{ font-size: 12px; color: #aaaaaa; margin-bottom: 0;}

.block{ background: #e6eee1; height: 50px;}



/* Hamburger */
/*nav:not(.mm-menu) {display: none;}*/
.mm-navbar a{text-align: center;}
a#mmenu_hamburger {display: none; box-sizing: border-box; width: 50px;height: 50px;position: fixed; top:15px;	right:25px;	z-index: 999;}
#mmenu i{ color:#a4ba3a; margin-right:5px}
.mm-menu a{font-family: 'Raleway', sans-serif;}

@media (max-width: 620px) {
    .banner .box_banner, .banner .box_banner H1 {
        width: 100%;
        font-size: 29px !important;
        margin: auto;
        line-height: 1.2;
    }
}

@media (max-width: 620px) {
    .banner .box_banner, .banner .box_banner H1 {
        width: 100%;
        margin-top: 20px!important;
    }
}


/*AÑADIMOS NUEVO ESTILO PARA LA SECCION DESCARAGR RECETARIO*/

   .btn-descargar {
      background-color: #8BC48A; /* verde suave como en la imagen */
      color: white;
      border: none;
      border-radius: 8px;
      padding: 10px 20px;
      font-size: 16px;
      font-family: Arial, sans-serif;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      text-decoration: none;
      transition: background-color 0.3s ease;
    }

    .btn-descargar:hover {
      background-color: #76ad76; /* un poco más oscuro al pasar el mouse */
    }

    .btn-descargar i {
      font-size: 18px;
    }
    
    /*img.pdf-receta-al {*/
    /*    width: 400px !important;*/
    /*    padding-top: 60px;*/
    /*}*/
    
    img.pdf-receta-al {
      width: 400px !important;
      padding-top: 60px;
      display: block;
      margin: 0 auto; /* centrado horizontal */
      max-width: 100%; /* responsivo para pantallas pequeñas */
      height: auto;
    }
    
    /* Ajustes específicos para pantallas pequeñas (móviles) */
    @media screen and (max-width: 600px) {
      img.pdf-receta-al {
        width: 90% !important; /* se adapta mejor a mobile */
        padding-top: 40px;
      }
    }

    .item_1.box.seccion_new_recetario {
        border: none;
        background: #fff;
        margin-top: 100px;
    }
    
    
    .seccion_new_recetario .box-r
    {
        width: 40%;
    }