* {margin:0;}

html { position: relative; min-height: 100%;}


body {
      font-family: 'Work Sans', sans-serif; color:#44291E
    }
    h1, h2, h3, h4 {
      font-family: "liebedoris", sans-serif;
    }
    h5{font-weight: 700;}

    p{font-size: 14px; line-height:16px;}
    .hero {
      background: url('../img/textura.jpg') center/contain repeat;
     padding-top: 90px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      overflow: hidden;
    }
    .section-yellow {
      background-color: #ffc627;
       background-image: url('../img/bg_hummus.jpg');
       background-position: left center;
       background-repeat: no-repeat;
       background-size: cover;
    }
    .section-pattern {
       background: url('../img/textura.jpg') center/contain repeat;
    }
    .placeholder-img {
      width: 100%;
      max-width: 300px;
    }
    .custom-card {
      background-color: #FEDFB0;
      background-image: url('../img/bg_packshot.png');
      background-position: left;
      background-size:cover;
      background-repeat: no-repeat;
      overflow: hidden;
    }

    .salma_bg{
     background-image: url('../img/salma.png');
      background-position: left;
      background-size:cover;
      background-repeat: no-repeat;
      min-height: 734px;
      -webkit-filter: drop-shadow(0px 3px 76px rgba(0,0,0,0.3));
    filter: drop-shadow(0px 3px 76px  rgba(0,0,0,0.3));
    }

    .salma_bg h2{font-size:64px; line-height: 70px;}

    .salma_bg .contenido{margin-left: -130px; margin-bottom: 60px;}
    .salma_bg .recipe-list {padding-left: 70px;}
    .salma_bg .recipe-list li{font-size:14px; font-weight: 700; padding-bottom: 10px; cursor: pointer;}


  .salma_bg .recipe-list li {
  list-style: none;
}

.salma_bg .recipe-list .salma_li{width:40px; height: 36px; margin-right: 10px;}

    .footer {
      background-color: #4e260d;
      color: white;
      
      font-family: "liebedoris", sans-serif;
    }

    .footer a{color:#FEDFB0; text-decoration: none; font-size:22px; line-height: 25px; padding: 0px 10px;}

    .footer .ico{width:24px;}


    .title-highlight {
      color: #44291E;
      font-size:64px
    }
  
    .mas_info{display: flex; gap:10px; align-items: center; cursor: pointer;font-size: 14px;  line-height: 16px;}
    .mas_info .ico-info{width:16px ;}

    .mas_info_content{font-size: 14px;  line-height: 16px;}

    .custom-navbar {
        position: fixed;
        width:100%;
      background-color: #ffc627;
      box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.15);
    z-index: 10;
    padding: 0px;
    }
    .navbar-nav {
      flex-direction: row;
      gap: 2rem;
    }
    .navbar-brand img {
      height: 80px;
    }
   

    .custom-navbar .nav-link{font-family: "liebedoris", sans-serif; font-size:24px}

    .container{max-width: 1280px; width:100%}

    .packshot-1{width:540px; z-index: 8;}
    .packshot-2{width: 419px; position: absolute; right:0px; bottom:-30px; z-index: 9;}
    .picto{width: 120px; display: inline-flex;}

    .bg_disfruta{ background-image: url('../img/disfruta_bg.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
         -webkit-filter: drop-shadow(0px 3px 86px rgba(0,0,0,0.16));
    filter: drop-shadow(0px 3px 86px  rgba(0,0,0,0.16));
    }

    .bg_disfruta h3{font-size:64px; line-height: 70px; max-width:450px; margin: 0 auto;}
    .disfruta_salmas{width:710px}


    .contacto{background-color: #FEDFB0;}
    .cms{padding-top: 120px!important; font-size: 14px; padding-bottom:80px; position: relative; z-index:9}
    .cms a{color:#000000}
.cms .titulo{font-family: "liebedoris", sans-serif; font-size:45px}

.cms_ico1{position: fixed; width:100%; max-width: 15vw; top:35%; left:0%}
.cms_ico2{position: fixed; width:100%; max-width: 15vw; bottom:0%; right:0%}

.bimbo_product_ingredientes{color:#000000; text-align: left; font-size: 14px}
.bimbo_product_ingredientes .bimbo_product_ingredientes_title{color:#44291E; padding-top: 20px; font-family: 'liebedoris', sans-serif; text-align: left; font-weight: 700; font-size:22px; padding-bottom: 10px}

.bimbo_product_alergenos{color:#000000; text-align: left; font-size: 14px}
.bimbo_product_alergenos .bimbo_product_alergenos_title{color:#44291E; padding-top: 20px; font-family: 'liebedoris', sans-serif; text-align: left; font-weight: 700; font-size:22px; padding-bottom: 10px}


.bimbo_product_info_nutricional{display: none}
 .bimbo_product_info_nutricional_title{color:#44291E; padding-top: 20px; font-family: 'liebedoris', sans-serif; text-align: left; font-weight: 700; font-size:22px; padding-bottom: 10px}
.bimbo_product_info_nutricional_ir{text-align: right; font-size: 14px; padding: 0px}
 .bimbo_product_info_nutricional_ir_legend{font-size: 11px}
 .bimbo_product_info_nutricional_table{font-size: 13px; line-height: 20px}
 .bimbo_product_info_nutricional_table .table td,  .bimbo_product_info_nutricional_table .table th{padding: 0px; text-align: right; border:0px; background-color: transparent;}
 .bimbo_product_info_nutricional_table .table tr.valor_energetico th:first-of-type{text-align: left}
 .bimbo_product_info_nutricional_table td{text-align: center}
 .bimbo_product_info_nutricional_table .td_main{color:#000000; text-align: left!important}
 .bimbo_product_info_nutricional_table .td_indent{padding-left: 20px!important; color:#000000; text-align: left!important}
 .bimbo_product_info_nutricional_table .table th{text-align: right}
 .bimbo_product_info_nutricional_table .table tr.gramos_ir th{text-align: right}




.formulario_content{width: 90%; max-width: 1140px; margin:0 auto; background-color: #ffffff; padding:20px; border-radius: 15px}

.container_formulario{ position: relative; background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top: 0px}

.form{padding: 20px 0px 70px 0px}

.contacto .form{ font-weight: 700 }
.contacto #main.margin_top_bottom_2{padding-bottom: 0px; padding-top: 130px}
.contacto #footer{margin-top: 0px}


.form .indicanos{padding: 20px 0px; font-weight: 800; color:#000000; font-size: 18px}

.text-muted{color:#000000!important; line-height: 20px}
.form .form-check-label {
	line-height: 18px;
}

.form-check-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}



/* Hide the browser's default radio button */
.form-check-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: -20px;
  height: 20px;
  width: 20px;
  background-color: #ffffff;
  border-radius: 50%;
  border:1px solid #000000
}

/* On mouse-over, add a grey background color */
.form-check-label:hover input ~ .checkmark {
  background-color: #ffc627;
}

/* When the radio button is checked, add a blue background */
.form-check-label input:checked ~ .checkmark {
  background-color: #ffc627;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.form-check-label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.form-check-label .checkmark:after {
 	top: 4px;
	left: 4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;

}





.form .tipo, .form .tipo_cliente_bimbo{cursor: pointer; padding: 15px 40px; background-color: #ffc627; border:2px solid #ffc627; border-radius:58px; color:#000000; font-weight: 600; display: inline-block;  margin: 10px}
.form .tipo:hover, .form .tipo.selected, .form .tipo_cliente_bimbo:hover, .form .tipo_cliente_bimbo.selected{background-color: #ffffff; border:2px solid #ffc627; color:#000000;}
.form .tipo_cliente{padding-bottom: 20px}

.form .row.consumidor{display:none; margin:0 auto}
.form .row.cliente{display:none; margin:0 auto}
.form .row.cliente_bimbo{display:none; margin:0 auto}
.form .row.no_cliente_bimbo{display:none; margin:0 auto}
.form .row.row_producto{display: none; margin:0 auto}
.form .row .reclamaciones{display:none;}

.form .validez{padding-top: 10px; padding-bottom: 10px; font-weight: 700; color:#000000; font-size: 13px; padding-left: 40px}




.form-group{margin-bottom: 0px!important}

.input_lbl_wrapper {position: relative;text-align: left; padding: 10px 0px; color:#000000}
.input_lbl_wrapper label {position: absolute;z-index:2;top:24px;color:#000000;font-weight:400;font-size:14px;}
.input_lbl_wrapper.animate label {-moz-transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;	-o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.input_lbl_wrapper input[type="text"],
.input_lbl_wrapper input[type="email"],
.input_lbl_wrapper input[type="password"],
.input_lbl_wrapper select,
.input_lbl_wrapper .input_value {padding:15px 30px;font-weight:400;font-size:15px;height:56px;color:#000000;background-color:#ffffff;border:2px solid #000000 !important; border-radius:58px}
.input_lbl_wrapper .input_value {color:#000000;}
.input_lbl_wrapper label,
.input_lbl_wrapper input[type="text"],
.input_lbl_wrapper input[type="email"],
.input_lbl_wrapper input[type="password"],
.input_lbl_wrapper select,
.input_lbl_wrapper .input_value {padding-left:30px;}
.input_lbl_wrapper.focus label {bottom:inherit;top:12px;font-size:11px;text-transform: uppercase; padding-left: 17px}
.input_lbl_wrapper.focus input[type="text"],
.input_lbl_wrapper.focus input[type="email"],
.input_lbl_wrapper.focus input[type="password"],
.input_lbl_wrapper.focus select,
.input_lbl_wrapper.focus .input_value {padding-bottom:0;}
.input_lbl_wrapper select {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.input_lbl_wrapper ::-webkit-input-placeholder { color: #000000;}
.input_lbl_wrapper :-ms-input-placeholder { color: #000000;}
.input_lbl_wrapper ::placeholder { color: #000000;}
.select_lbl_wrapper select {background:transparent;border:0;border-bottom:2px solid #000000;padding:5px 10px 10px 10px;font-size:20px;height:46px;border-radius: 0;-webkit-appearance: none;-moz-appearance:none; appearance: none;width:100%;color:#000000;}

.textarea{padding:30px 50px;font-weight:400;border:2px solid #000000;font-size:16px;border-radius: 30px !important;color:#000000;background-color:#ffffff; height:200px; width: 100%; resize: none; position:relative; z-index: 9;}
.textarea::placeholder{font-size:16px; font-weight: 400; color:#000000}


.btn {background-color:#ffc627 !important;color:#000000 !important;border-radius: 58px;padding:15px 50px;margin-top:20px;text-transform: none; font-size: 18px; line-height: 20px; font-weight: 600; border:4px solid #ffc627 }
.btn:hover{background-color:#ffffff !important;color:#000000 !important; border-color:#ffc627}




  @media (max-width: 991px) {
      .navbar-nav {
        flex-direction: column;
        gap: 0rem;
      }
      .logo{height: 80px;}
      .hero{padding-top: 80px;}
      .packshots{margin: 0 auto; max-width:600px}
      .packshot-2{width:260px; right:5px; bottom:10px}
      .packshot-1{width:300px}
      .picto{width: 80px;}
     .bg_disfruta h3{font-size:40px; line-height: 45px;}

     .cms_ico1, .cms_ico2{display: none;}
    }


@media (max-width: 750px) {
    .section-yellow{padding-top:220px; background-position: top center; background-size: contain;}
      .salma_bg{min-height: inherit; background-color:#ffc627; background-image: none;}
      .salma_bg h2{font-size: 40px;}
      .salma_bg .recipe-list{padding-left: 0px;}
      .salma_bg .contenido{margin: 0 auto;}
      .input_lbl_wrapper.focus label{font-size: 12px; line-height:12px}
}