<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
  --blue: #053d82;
  --red: #d81e24;
}


.clear {
	clear: both;
}

* {
	margin:0;
	-webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
	 perspective: unset;
}

a{text-decoration: none}

img[src$=".gif"], img[src$=".png"] {
	/*
	image-rendering: -moz-crisp-edges; 
	image-rendering: -o-crisp-edges; 
	image-rendering: -webkit-optimize-contrast; 
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
	*/
}

@media (min-width: 576px){
	.container {
	max-width: 90%;
    }
}

@media (min-width: 768px){
	.container {
	max-width: 90%;
	}
}

@media (min-width: 992px){
	.container {
	max-width: 960px;
	}
}


@media (min-width: 1200px){
	.container {
	max-width: 100%;
	}
}


@media (min-width: 1410px){
	.container {
	max-width: 1410px;
	}
}




ul,
ol,
dl {
	list-style: none;
	padding-left: 0px;
	margin-bottom:0;
}


html,
body {
	overflow-x: hidden;
}


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

body {
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	color:#505050;
	font-weight: 500;
	background:#fff;
	line-height: 170%;
	background-attachment: fixed;
	background-size: 100% auto;
	
}

body.bg_azul{background-color: #0433A0}
/*body.header_onda {background-image:url(../../assets/img/header_onda.png); background-repeat: no-repeat; background-position: top center; background-size: contain; background-attachment: scroll}*/

@media (max-width: 1550px) {
	/*body.header_onda {background-size: 150%;}*/
}
@media (max-width: 991px) {
   /* body.header_onda{background-image: none}*/
}


.souvenir_bold{font-family: 'itc_souvenir_stdbold'!important;}
.souvenir_medium{font-family: 'itc_souvenir_stdmedium'!important;}


textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus, 
input[type="number"]:focus, 
[type="text"].form-control:focus, 
[type="password"].form-control:focus, 
[type="email"].form-control:focus, 
[type="tel"].form-control:focus, 
[contenteditable].form-control:focus,
div:focus,
button:focus,
.form-control:focus,
a:focus  {
	outline: none;
	box-shadow:none !important;
	border-color: #D6D6D6;
}

input[type="text"],
input[type="password"],
.form-control {
	padding:9px 10px 9px 10px;
	font-weight:700;
	border:0;
	font-size:16px;
	height:38px;
	color:#505050;
	background-color:#fff;
	border:1px solid #DEDEDE;
	border-radius:5px;
}

::-webkit-input-placeholder { font-weight: 400; }
:-ms-input-placeholder { font-weight: 400; }
::placeholder { font-weight: 400; }


label {
	margin-bottom: 0.2rem;
}

.btn-loading {
	vertical-align: middle;
}

.btn {
	font-weight: 900;
	position: relative;
	display: inline-block;
}

.btn-blue {
	background: rgb(5,61,130);
	background: linear-gradient(180deg, rgba(5,61,130,1) 0%, rgba(5,61,130,1) 50%, rgba(5,53,111,1) 50%, rgba(5,53,111,1) 100%);
	padding: 15px 30px;
    color: #FFF;
	border-radius: 10px;
	box-shadow: 0 0 7px rgb(0 0 0 / 35%);
}

.btn-blue:hover {
	background: rgb(216,30,35);
	background: linear-gradient(180deg, rgba(216,30,35,1) 0%, rgba(216,30,35,1) 50%, rgba(164,14,18,1) 50%, rgba(164,14,18,1) 100%);
	color: #FFF;
}


.btn-blue-2 {
	background-color: #17377f;
    color: #fff;
	padding: 15px 30px;
	border-radius: 10px;
	border:1px solid  white;
}

.btn-blue-2:hover {
	background: white;
	color: #17377f;
}

.btn.xl {
	font-size: 26px;
	font-weight: 500;
}


a {
	color: #505050;
}

a,
.nav-link,
.nav-item {
	/*-webkit-transition: all .15s ease-in-out;
       -moz-transition: all .15s ease-in-out;
         -o-transition: all .15s ease-in-out;*/
}

a:hover,
.nav-link:hover {
	text-decoration: none;
	color: #E50019;
}

p a {
	color: #007bff;
}
p a:hover {
	text-decoration: underline;
}

.destacado {
	color: var(--blue);
	font-weight: 800;
}

/* COOKIE BANNER */
.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_powered_by,
.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head .cc_cp_head_lang_selector {
    visibility: hidden;
}

body .cc_dialog.simple {
    max-width:50%;
    background-color: #2a3443;
    right:30px;
    bottom:30px;
    box-sizing: border-box;
}

body .cc_dialog .cc_dialog_headline {
    font-size:14px;
}
body .cc_dialog .cc_dialog_text {
    font-size:11px;
}

body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content .cc_cp_m_content_entry p {
	font-size:13px;
}
.dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content h5 {
    color:white;
    font-weight: 700;
    font-size:17px;
}


body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head .cc_cp_head_title p {
	font-size:14px;
}

body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head .cc_cp_head_title h2 {
	font-size:17px;
}

body .cc_css_reboot h1, 
body .cc_css_reboot h2, 
body .cc_css_reboot h3, 
body .cc_css_reboot h4, 
body .cc_css_reboot h5, 
body .cc_css_reboot h6 {
    margin-bottom: 0.2rem;
}

body .dark.cc_dialog button.cc_b_ok {
    background-color: #eaeaea;
    color:#DD0B1B;
}

body .dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button {
    background-color: #DD0B1B;
    color:#fff;
}

body .cc_css_reboot button {
	 padding: 0.3rem 1rem;
}
body .cc_dialog button {
    font-size:12px;
    padding: 0.3rem 1rem;
}

body .dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content a {
    color:#fff;
}
/* END COOKIE BANNER */





/* SELECT CONTAINER */
.select-container {
    position: relative;
    width: auto;
	min-width: 150px;
}

.select-container.donde {
	width: 280px;
}

.select-container:before {
	content: '';
    display: block;
    position: absolute;
    height: 10px;
    width: 10px;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url('../img/V_Bimbo.png');
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: center;
}

.select-container select {
	width: 100%;
    border: 1px solid transparent;
    -webkit-box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%);
    border-radius: 5px;
    padding: 10px 0px 10px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    color: #053d82;
    color: #000;
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 #000;
    background-color: transparent;
    z-index: 2;
    position: relative;
}
/* END SELECT CONTAINER */





/* HEADER */

#header {
	padding-top:20px;
	padding-bottom:30px;
	text-align: center;
	background-image: url(../../../assets/img/header_bg.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
	z-index: 99
}
#header .top_navbar {
	text-align: right;
	margin-bottom:15px;
}
#header .top_navbar &gt; ul,
#header .top_navbar &gt; div {
	display: inline-block;
	vertical-align: middle;
}

#header .top_navbar li {
	display: inline-block;
	margin-left:10px;
}

#header .top_navbar a {
	font-weight: 900;
	text-transform: uppercase;
	color:white;
	text-shadow: 0px 2px 2px rgb(0 0 0 / 70%);
}

#header .menu_social a {
	display: block;
}

#header .menu_social a img {
	width: 25px;
	height: 25px;
	box-shadow: 0px 2px 2px rgb(0 0 0 / 70%);
    border-radius: 100%;
}

#header .navbar {
	
	position: relative;
	padding-left:0px;
}

#header .navbar .navbar-brand {
	margin-left:90px;
	max-width: 160px;
	z-index: 30;
}

#header .navbar {
	padding-top:0;
	padding-bottom:0;
}

#header .navbar-nav{position: absolute; right: 0px}

#header .navbar .nav-item  {
	padding-top:0px;
	padding-bottom:5px;
	position: initial;
}

#header .navbar .nav-item:hover {
	
}

#header .navbar .nav-item .nav-link {
	padding:0px 15px;
	font-weight: 700;
	text-transform: none;
	color:#ffffff;
	font-size: 18px; 
	border-right: 1px dashed #ffffff;
	font-family: 'Roboto Slab', sans-serif;
}


#header .navbar .nav-item:last-child .nav-link{
	border-right: 0px dashed #ffffff;
}

#header .navbar .nav-item.dropdown .nav-link:after {
	
}


#header .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
}

#header .navbar .nav-item.dropdown .nav-link:hover:after {
	-webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#header .navbar .dropdown-menu {
	width: 100%;
	left:15px;
	z-index: 3;
	/*background:rgba(0,0,0,0.2);*/
	border-radius: 0px;
	margin-top:-5px;
	text-align: center;
	padding:10px 10px;
	border:0px;
    background-color:transparent;
    padding-left: 0px
}

#header .navbar .dropdown-menu .box {
	padding:10px 0px;
}

#header .navbar .dropdown-menu a {
	display: block;
	font-size: 13px;
	font-weight: 400;
	color:#ffffff;
	text-align: left;
	line-height: 20px;
	padding: 5px 0px
}
#header .navbar .dropdown-menu a:hover {
	color:#ffffff;
}


#header .navbar .dropdown-menu .desc {
	color: var(--blue);
    font-weight: 900;
    font-size: 0.9rem;
    display: block;
    line-height: 150%;
    text-align: center;
}

#header .navbar .dropdown-menu .filosofia .desc {
	text-align: left;
}


#header .navbar .dropdown-menu.lo_nuevo{left:305px}

@media (max-width: 1400px) {
	#header .navbar .dropdown-menu.lo_nuevo{left:255px}
}


@media (max-width: 1200px) {
	#header .navbar .dropdown-menu.lo_nuevo{left:205px}
}



#header .page_title_wrapper {
	padding:40px 0 0 0;
}

#header .page_title {
	color:white;
	font-size: 64px;
	font-weight: 900;
	text-shadow: 0px 2px 2px rgb(0 0 0 / 50%);
	text-transform: uppercase;
}

#header .navbar .hamburguer{display: none}

.menu-mobile{display: none}

#header .navbar .nav-item .login_header{font-size: 26px}

.modal-backdrop{z-index:999998}
.menu-login{width:40vw; right:-100vw; background-color: rgba(0,51,160, 0.9); position: fixed; z-index: 9999; backdrop-filter: blur(6px); color:#ffffff; height: 100vh; -webkit-transition: 0.5s linear;
    -moz-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear; padding:70px; overflow: scroll}
.menu-login .hide_login{font-size:26px; padding-right: 10px; cursor: pointer}
.menu-login .title.pet{color:#ffffff; text-align: left!important;font-size: 24px; line-height: 30px; margin: 0 auto; font-family: 'Roboto Slab', sans-serif; font-weight: 700}
.menu-login .cerrar{color:#ffffff; padding-top: 50px!important; display: inline-block; font-weight: 600}
.menu-login .agregar_plan {padding: 10px 0px; cursor: pointer}
.menu-login .plan_title{display: inline-block;}
.menu-login .icono{padding-left: 20px;display: inline-block}
.menu-login .planes{padding-top: 20px}
.menu-login #accordionPlanes{width:100%; padding-bottom: 10px; background-color: transparent!important; color: #ffffff}
.menu-login #accordionPlanes .accordion-item{background-color: transparent!important;  border: 0px; padding: 5px 0px}
.menu-login #accordionPlanes .accordion-header{width: 75%; display: inline-block}
.menu-login #accordionPlanes .delete{display: inline-block; padding-left: 10px; visibility: hidden; cursor: pointer}
.menu-login #accordionPlanes .delete i{font-size: 11px}

.menu-login #accordionPlanes .editar{display: inline-block; padding-left: 20px; visibility: hidden; cursor: pointer}
.menu-login #accordionPlanes .editar i{font-size: 11px}


.menu-login #accordionPlanes .accordion-button{padding: 0px;box-shadow:none; border:0px!important; background-color: transparent!important; color: #ffffff; font-size: 15px}
#modal_plan{z-index:999999}
#modal_plan_delete{z-index:999999}
#modal_plan_delete .modal-body{text-align: center; font-size: 16px}
#modal_plan_login{z-index:999999}
#modal_plan_login .modal-body{text-align: center; font-size: 16px}

#modal_plan_editar{z-index:999999}
#modal_plan_editar .modal-body{text-align: center; font-size: 16px}


#modal_plan_add_receta{z-index:999999}

.menu-login #accordionPlanes .accordion-button::after, .menu-login #accordionPlanes .accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.menu-login #accordionPlanes .accordion-body{padding: 10px 0px; color:#ffffff; font-size: 12px}



.modal_planes{border-radius: 30px}
.modal_planes .modal-header{border:0px}
.modal_planes .modal-footer{border:0px; padding-top: 0px}
.modal_planes .modal-title{font-family: 'Roboto Slab', sans-serif; font-weight: 700}

.plan_receta_img{display:inline-block; padding: 5px; width: 120px; height: 120px}
.plan_receta_img img{object-fit: cover; height: 100%}


@media (max-width: 1200px) {
	.menu-login{padding: 50px}	
	.menu-login #accordionPlanes{width: 100% !important}
	.plan_receta_img{width:90px; height: 90px; padding: 2px}
}

@media (max-width: 991px) {
	.menu-login{width: 100vw}
	.promociones .menu-login .title.pet{max-width:100%}
}

@media (max-width: 550px) {
	.menu-login{padding: 20px}
	.plan_receta_img{width: 120px; height: 120px}
}

/* END HEADER */




/* FOOTER */

#footer {
	background:white;
	position: relative;
	padding:0px;
	font-size: 14px; line-height: 20px;  font-weight: 400;
	margin-top:20px;
	background-image:url(../../../assets/img/bg_footer.png),url(../../../assets/img/bg_footer_madera.jpg);
	background-repeat: no-repeat, no-repeat;
	background-size: cover, cover;
	background-position: bottom center, top center;
	z-index: 98
}


#footer li {
	display: inline-block;
}


.footer_bottom {
	color:#0033A0;
	margin:0px;
	padding:50px 0px;
	font-size: 12px;
}

.footer_bottom .logo{max-width: 115px; display: inline-block; padding-right:20px}


.footer_bottom .menu_legal {
	text-transform: none;
	font-weight: 700
}

.footer_bottom .menu_legal li {
	padding: 0 10px;
}

.footer_bottom .menu_legal li:last-child {
	padding-right: 0;
}

.footer_bottom .menu_legal li:first-child {
	padding-left: 0;
}

.footer_bottom .menu_legal a {
	text-decoration: underline;
}

.footer_bottom .menu_legal a:hover {
	text-decoration: none;
}


.footer_bottom .menu_social li {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	font-size:24px;
	color:#244993;
	max-width: 30px
}

.footer_bottom .menu_social li a{
	color:#244993
}

.footer_bottom a {
	color:#0033A0;
}


@media (max-width: 1200px) {
	.footer_bottom .menu_social li {margin-right:5px; max-width: 25px}
}


@media (max-width: 991px) {
	#footer {
	background-size: contain, cover;
	}
	
	.footer_bottom .logo{display: block; padding-right: 0px; padding-bottom: 10px; margin: 0 auto}
	.footer_bottom .menu_legal{padding-top: 20px}
	#footer li{display: block}
	.footer_bottom .menu_legal li{padding: 0px}
}



@media (max-width: 600px) {
	
	#footer {
	background-image:url(../../../assets/img/bg_footer_mobile.png),url(../../../assets/img/bg_footer_madera_mobile.jpg);
	background-repeat: no-repeat, no-repeat;
	background-size: contain, cover;
	background-position: bottom left, top center
	}
	
	.footer_bottom{padding-bottom: 140px}
	
	
}



/* END FOOTER */





/* MAIN */

#main {
	position: relative; z-index: 2;
    padding-top: 130px
}

.page_brand #main{padding-top: 0px} 

.back_animacion{position: absolute; height:100%; width:100%; bottom:0px; z-index:1; }


.main_before {
	min-height: 45px;
	line-height: 45px;
}

.main_before .form-inline {
	padding-top:7px;
	padding-bottom:7px;
	line-height: 28px;
}


.main_before label,
.main_before input,
.main_before select,
.main_before .select-container select {
	font-size: 14px;
}
.main_before label {
	padding-right: 10px;
	color: #D81E24;
	font-weight: 800;
}

.main_before .select-container {
	max-width: 150px;
}

.main_before .select-container select  {
	padding:1px 10px;
}

#main.margin_top_bottom {
	padding:90px 0;
    padding-top: 130px
}

#main.margin_top_bottom_2 {
	padding:50px 0 90px 0;
}


@media (max-width: 991px) {
	#main.margin_top_bottom {
		padding:30px 0;
        padding-top: 130px
	}
	#main.margin_top_bottom_2 {
		padding:30px 0;
        padding-top: 130px
	}
}



/* END MAIN */




/* BLOCK WHITE */
.block_white {
	background: #fff;
    border-radius: 15px;
	box-shadow: 3px 3px 5px 1px rgb(179 179 179 / 30%);
	margin-bottom:40px;
}

.block_white_title {
    color: var(--blue);
    font-weight: 900;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 15px;
	border-bottom: 1px dashed #dedede;
	padding: 35px 40px 30px 40px;
}

.block_white_desc {
	
}
/* END BLOCK WHITE */





/* FILOSOFIA */

.filosofia_grid .item {
	margin-bottom:50px;
	border-radius: 15px;
	border: 10px solid #fff;
}

.filosofia_grid .item img {
	max-width: inherit;
	width: 100%;
}

/* END FILOSOFIA */




/* HISTORIA */

.historia #header {
	background-image:url('../img/bg_header_historia.jpg');
}

.historia_grid .item {
	margin-bottom:50px;
	border-radius: 15px;
	box-shadow: 3px 3px 5px 1px rgb(179 179 179 / 30%);
	background:white;
}

.historia_grid .item img {
	max-width: inherit;
	width: 100%;
}

.historia_grid .image {
	min-height: 400px;
	background-size: cover;
	background-repeat: no-repeat;
}

.historia_grid .grupo_bimbo .image {
	background-image:url('../img/primer_maquina.jpg');
}

.historia_grid .desfile_colon .image {
	background-image:url('../img/Desfile_Bimbo_67-68_Colon.jpg');
}

.historia_grid .item_content {
	padding:30px 15px;
}

.historia_grid .item_info {
	min-height: 280px;
}

.historia_grid .item_title {
	color: var(--blue);
	font-weight: 900;
	text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom:15px;
}

.historia_grid .item_desc  {
	font-size: 13px;
	line-height: 20px;
}

/* END HISTORIA */






/* MARCAS */

.page_brand #header {
	/*position: absolute;
    z-index: 9;
    width: 100%;
	left: 50%;
  transform: translateX(-50%);
	margin: 0 auto*/
}



.page_brand {
	position: relative;
    background-color: #ffffff;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
	background-position: bottom;
}


.page_brand #header {
	
}

.page_brand #header .page_title {
	color:#053d82;
	/*text-shadow: 0px 2px 2px rgb(255 255 255 / 50%);*/
	text-shadow: 0px 2px 2px rgb(0 0 0 / 50%);
}

.page_brand.single_brand #header  {
	

}

.page_brand.single_brand .main_before {
	display: none;
}
.page_brand #main{background-color: #F7ECE2}

.page_brand_1 .destacado{background-color:#0033A0}
.page_brand_23 .destacado{background-color:#BC9157}
.page_brand_24 .destacado{background-color:#2182E3}
.page_brand_25 .destacado{background-color:#222222}
.page_brand_27 .destacado{background-color:#96E4FC}
.page_brand_28 .destacado{background-color:#DB1933}
.page_brand_29 .destacado{background-color:#FF9364}

.page_brand .destacado .info_prod{max-width: 100%}
.page_brand .destacado .info_prod .title{max-width: 100%}
.page_brand .destacado .info_prod .title strong{}


.destacado .img_prod{
	position: relative;
	  transition: transform 0.1s ease;
	  transform-style: preserve-3d;
	  will-change: transform;
}

.landing_product__header-brands h1 a{padding-bottom: 70px;}

.landing_product{padding: 60px 0px;
	background: url("../img/background_marcas.jpg");
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat!important;
    background-size: 100% auto!important;
background-position: bottom;}

.landing_product .back_bt{color:#E1001E; font-weight:700; position: absolute; top:7px; left:0px; font-size: 20px}
.landing_product .back_bt a{color:#E1001E}

.landing_product.rustikbakery{background: url("../../../assets/backgrounds/rustikbakery.jpg"); background-size: cover!important}
.landing_product.producto_rustikbakery{background: url("../../../assets/backgrounds/rustikbakery.jpg"); background-size: cover!important}
.page_product .landing_product__container{padding:30px; }

.landing_product__logo {
	text-align: center;
}

.landing_product__social-media {
	text-align: right;
}

.landing_product__social-media li {
	display: inline-block;
	margin-left:10px;
}

.landing_product__social-media a{color:#053d82; border-radius:50px; background-color:#ffffff; font-size: 20px; height: 40px; width: 40px; display: inline-block; text-align: center; padding-top: 10px;}

.landing_product__body .brand-item{padding-top:30px;}
.landing_product__body .brand-item &gt; div {
	justify-content: center;
}
.landing_product__body .brand-item .product_item{margin-bottom: 30px}
.landing_product__slider-item2{cursor: auto!important; text-align: center; }
.landing_product__slider-item2 .img-fluid{-webkit-transition: 500ms;transition: 500ms;-webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);}
.landing_product__slider-item2:hover .img-fluid{-webkit-transition: 500ms;transition: 500ms;-webkit-transform: scale(1.05) rotate(-3deg);transform: scale(1.05) rotate(-3deg);}

.landing_product__slider-item2 a{ color:#002891; font-size:20px; line-height: 25px}
.landing_product__slider-item2 a:hover{text-decoration: none; color:#002891}
.landing_product__slider-item2 .prod_txt{ font-size: 20px; line-height: 25px; display: inline-block; margin-top: 10px; font-family: 'Roboto Slab', sans-serif; font-weight: 700}
.landing_product__slider-item2 a:hover .prod_txt{}

.landing_product__slider-item2 .info{max-width: 370px; text-align: right; margin: 0 auto}

#productos-maintitle.productos-logo{padding-top: 30px}


.landing_product__body .bimbo_product_title{color:#E1001E; padding-bottom: 10px; font-family: 'Roboto Slab', sans-serif; text-align: left; font-weight: 700; text-transform: none; font-size:27px; line-height: 30px}
.landing_product__body .bimbo_product_sellos .bimbo_product_sellos_list{padding: 0px; display: inline-block; position: relative;text-align: center; width:100%}
.landing_product__body .bimbo_product_sellos .bimbo_product_sellos_list li{list-style-type: none; display: inline-block; width: 21%;}
.landing_product__body .bimbo_product_sellos .bimbo_product_sellos_list li .name{display: none}
.landing_product__body .bimbo_product_claim_sostenibilidad{margin: 0 auto; width: 21%}
.landing_product__body .bimbo_product_claim_sostenibilidad_titulo{display: none}

.landing_product__body .bimbo_product_texto_explicativo{margin-top: 20px;  color:#000000; text-align: left; font-size: 14px}
.landing_product__body .bimbo_product_propiedades_producto{margin-top: 20px; color:#000000; text-align: left; font-size: 14px}
.landing_product__body .bimbo_product_recomendaciones_consumo{margin-top: 20px; color:#000000; text-align: left; font-size: 14px; font-weight: 600}
.landing_product__body .bimbo_product_declaraciones_nutricionales{margin-top: 20px; color:#000000; text-align: left; font-size: 14px}

.landing_product__body .bimbo_product_ingredientes{color:#000000; text-align: left; font-size: 14px}
.landing_product__body .bimbo_product_ingredientes .bimbo_product_ingredientes_title{color:#0033A0; padding-top: 20px; font-family: 'Roboto Slab', sans-serif; text-align: left; font-weight: 700; font-size:22px; padding-bottom: 10px}

.landing_product__body .bimbo_product_alergenos{color:#000000; text-align: left; font-size: 14px}
.landing_product__body .bimbo_product_alergenos .bimbo_product_alergenos_title{color:#0033A0; padding-top: 20px; font-family: 'Roboto Slab', sans-serif; text-align: left; font-weight: 700; font-size:22px; padding-bottom: 10px}
.landing_product__body .bimbo_product_formatos{color:#000000; text-align: left; font-size: 14px}
.landing_product__body .bimbo_product_formatos .bimbo_product_formatos_title{color:#0033A0; padding-top: 20px; font-family: 'Roboto Slab', sans-serif; text-align: left; font-weight: 700; font-size:22px; padding-bottom: 10px}
.landing_product__body .bimbo_product_formatos .bimbo_product_formatos_list{padding:0px; padding-left: 0px; font-size: 14px; margin-bottom: 0px}
.landing_product__body .bimbo_product_formatos .bimbo_product_formatos_list li{list-style-type: none;}

.landing_product__body .row_info_nutricional{padding-top: 30px}
.landing_product__body .row_info_nutricional .info_nutricional{background-color: #ffffff; padding: 20px; border-radius: 20px}
.landing_product__body .row_info_nutricional .info_nutricional .bimbo_product_infografico_titulo{color:#0033A0; padding-top: 20px; font-family: 'Roboto Slab', sans-serif; text-align: left; font-weight: 700; font-size:22px; padding-bottom: 0px}
.landing_product__body .row_info_nutricional .info_nutricional .bimbo_product_infografico{max-width: 400px; margin: 0 auto}

.landing_product__body .row_info_nutricional .info_nutricional_box{background-color: #ffffff; padding: 20px; border-radius: 20px}

.landing_product__body .row_info_nutricional .info_nutricional_box img{-webkit-transition: 500ms;transition: 500ms;-webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);}
.landing_product__body .row_info_nutricional .info_nutricional_box:hover img{-webkit-transition: 500ms;transition: 500ms;-webkit-transform: scale(1.05) rotate(3deg);transform: scale(1.05) rotate(3deg);}


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

.landing_product__body .bimbo_product_image{text-align: center;   -webkit-transition: 500ms; transition: 500ms; -webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);}
.landing_product__body .bimbo_product_image:hover{ -webkit-transition: 500ms;transition: 500ms;-webkit-transform: scale(1.05) rotate(-3deg);transform: scale(1.05) rotate(-3deg);}

.landing_product__body .title{font-family: 'Roboto Slab', sans-serif; font-size: 32px; line-height: 35px; color:#0033A0; font-weight: 700; margin: 0 auto; text-align: center; padding-bottom: 50px}

.page_brand .mas_productos{padding-top:50px}
.page_brand .mas_productos .title{font-family: 'Roboto Slab', sans-serif; font-size: 32px; line-height: 35px; color:#0033A0; font-weight: 700; margin: 0 auto; text-align: center; padding-bottom: 50px}




/*
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{margin: 0 auto}
*/


.page_brand .landing_product,
.page_product .landing_product {
    background-image: none;
    padding-top:0;
}

.page_product #header .navbar .nav-item .nav-link {
	color:#ffffff;
    border-color:#ffffff
}

.page_brand .historias-header, 
.page_product .historias-header {
    background-image: none !important;
}

.page_brand .landing_product:before,
.page_product .landing_product:before {
    display: none;
}


.page_brand,
.page_product {
    background-repeat: repeat-y;
    background-size: 100% auto;
}

.page_product .landing_product {
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
    background-position: center bottom;
}

.page_product{background-color: #F7ECE2}

.page_brand .landing_product{padding: 50px 0px}
.page_product .landing_product{padding-bottom: 50px}


.page_brand_1 #header .page_title ,
.page_brand_2  #header .page_title ,
.page_brand_25  #header .page_title ,
.page_brand_26   #header .page_title ,
.page_brand_9   #header .page_title 
.page_brand_10   #header .page_title ,
.page_brand_11  #header .page_title ,
.page_brand_13   #header .page_title ,
.page_brand_4  #header .page_title ,
.page_brand_5   #header .page_title ,
.page_brand_9   #header .page_title ,
.page_brand_14   #header .page_title ,
.page_brand_15   #header .page_title ,
.page_brand_3  #header .page_title  ,
.page_brand_12  #header .page_title ,
.page_brand_16  #header .page_title ,
.page_brand_18   #header .page_title ,
.page_brand_19   #header .page_title ,
.page_brand_20   #header .page_title ,
.page_brand_21   #header .page_title ,
.page_brand_22 #header .page_title ,
.page_brand_23  #header .page_title,
.page_brand_28  #header .page_title,
.page_brand_29  #header .page_title  {
    color:white !important;
}

.brand-items__title {
	margin-top:30px;
}

.brand-items__title h3 {
	text-align: center;
	color: #053d82;
	font-weight: 800;
	font-size: 32px;
	text-transform: uppercase;
	position: relative;
}

.brand-items__title h3:before,
.brand-items__title h3:after {
	content:' ';
	height: 1px;
	border-top:2px solid var(--blue);
	vertical-align: middle;
	width:calc(50% - 100px);
	position: absolute;
	left:0;
	top:50%;
	display: inline-block;
}

.brand-items__title h3:after {
	right: 0;
	left:inherit;
}

.marca_logo {
	text-align: center;
	margin:20px auto;
}
.marca_logo img {
	max-width: 180px;
}



#carouselMarcas {
	height: 100vh;
	overflow: hidden;
}

#carouselMarcas .bg {
	object-fit: cover;
	width:100%;
	height:100vh;
}

#carouselMarcas .logo{position: absolute; top: 50%;  transform: translateY(-50%); left:10%; max-width: 450px}


@media (min-width: 768px) {
    #togglemenubtn {
        display: none !important;
    }
}

@media (max-width: 768px) {
	.landing_product__body .brand-item{padding-top:10px}
	#productos-maintitle.productos-logo img{max-width: 220px; padding-top: 20px}
	
	.landing_product__body .bimbo_product_title{font-size: 20px}
	.landing_product__body .row_info_nutricional .info_nutricional{margin-bottom: 10px}
	.landing_product__body .row_info_nutricional .info_nutricional .bimbo_product_infografico_titulo, .landing_product__body .row_info_nutricional .info_nutricional_box .bimbo_product_info_nutricional_title{font-size: 14px}
	.landing_product__body .row_info_nutricional .info_nutricional_box .bimbo_product_info_nutricional_table{font-size: 11px}
	
    
    .view-marcas .views-row {
        height: auto !important;
    }

    .view-marcas .views-field {
        max-height: inherit !important;
    }
    .view-marcas .field-content {
        margin:0 auto !important;
    }

    .view-id-marcas {
        background-image:url('../img/bimbo_bg1.jpg') !important;
        background-position: center bottom !important;
        background-repeat: repeat-y !important;

    }

	.brand-items__title h3:before,
	.brand-items__title h3:after {
		display: none;
	}

   
}

@media (max-width: 991px) {
    .page_brand .destacado .info_prod .title{padding-top: 10px}
    .page_brand .destacado .info_prod .title strong{}
    #carouselMarcas .logo{top: 50%;  transform: translate(-50%, -50%); left:50%; }
    
    .landing_product__body .title{font-size:25px; line-height: 30px}
    .landing_product__slider-item2 a{font-size: 16px; line-height: 22px}
    .page_brand .mas_productos .title{font-size:25px; line-height: 30px}
    .page_product .landing_product__container{padding-top:20px}

    .landing_product__body .bimbo_product_title, .landing_product__body .bimbo_product_declaraciones_nutricionales, .landing_product__body .bimbo_product_recomendaciones_consumo, .landing_product__body .bimbo_product_texto_explicativo{text-align: center}
    .landing_product__body .bimbo_product_recomendaciones_consumo, .landing_product__body .bimbo_product_declaraciones_nutricionales, .landing_product__body .bimbo_product_formatos .bimbo_product_formatos_list, .landing_product__body .bimbo_product_ingredientes, .landing_product__body .bimbo_product_alergenos{line-height: 18px; font-size: 13px}
    .landing_product__body .bimbo_product_formatos .bimbo_product_formatos_title, .landing_product__body .bimbo_product_ingredientes .bimbo_product_ingredientes_title, .landing_product__body .bimbo_product_alergenos .bimbo_product_alergenos_title{padding-bottom: 10px; font-size: 18px}
    .landing_product__body .row_info_nutricional .info_nutricional .bimbo_product_infografico_titulo, .landing_product__body .row_info_nutricional .info_nutricional_box .bimbo_product_info_nutricional_title{font-size: 18px}
    .landing_product__body .row_info_nutricional .info_nutricional{margin-bottom: 10px}
}
/* END MARCAS */


@media (max-width: 768px) {
	
	
	
}








/* TRABAJA CON NOSOTROS */

.trabaja #header {
	background-image:url('../img/bg_header_trabaja.jpg');
}

.trabaja .section_title_wrapper {
	background-color: #19367b;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 45px 0 45px 0;
	position: relative;
}

.trabaja .section_title_wrapper:after {
	display: block;
	width: 100%;
	height: 45px;
	bottom:-45px;
	content:' ';
	background-image:url('../img/background-job.png');
	background-size: auto 100%;
	background-position: center center;
	position: absolute;
	left:0;
	right: 0;
	margin:0 auto;
	z-index:5;
	
}

.trabaja .section_title {
    font-weight: 800;
    margin-bottom: 0;
    font-size: 46px;
    text-transform: uppercase;
}

.trabaja .section_desc {
	font-size: 18px;
	margin-top:15px;
}

.trabaja .section_content {
	background-size: cover;
	padding:100px 0;
}

.trabaja .section_atributos .section_content {
	background-image:url('../img/bg_section_atributos.jpg');
}

.menu_atributos {
	max-width: 760px;
	margin:0 auto;
	text-align: center;
	position: relative;
}

.menu_atributos .alimenta {
	position: absolute;
	z-index: 3;
	left:0;
	right:0;
	top:0;
	margin:0 auto;
}

.menu_atributos .btn_atributo {
	border-radius: 50px;
	background-color: #053d82;
	color:white;
	padding: 40px 20px;
	cursor: pointer;
	transition: .5s ease-in-out all;
	display: inline-block;
	width: 230px;
	text-align: center;
	text-transform: uppercase;
	font-style: italic;
	font-weight: 800;
	letter-spacing: -1px;
	position: relative;
}

.menu_atributos .btn_atributo .line {
	position: absolute;
	top:8px;
	left:-5px;
	width:100%;
	height: 100%;
	border:2px solid #0099cc;
	border-radius: 50px;
	transition: .5s ease-in-out all;
}

.menu_atributos .btn_atributo:hover {
	background-color: #0099cc;
}

.menu_atributos .btn_atributo:hover .line {
	border-color: #053d82;
}

.menu_atributos .btn_atributo.v1,
.menu_atributos .btn_atributo.v1 .line {
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
}

.menu_atributos .btn_atributo.v2,
.menu_atributos .btn_atributo.v2 .line {
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
}

.menu_atributos .btn_atributo.v3,
.menu_atributos .btn_atributo.v3 .line {
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
}

.menu_atributos .btn_atributo.v4,
.menu_atributos .btn_atributo.v4 .line {
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
}

.menu_atributos .text-right .btn_atributo .line {
	left: inherit;
	right:-5px;
}

.menu_atributos .line1 {
	padding-top:70px;
}

.menu_atributos .line2 {
	margin-top:80px;
}

.atributos_list {
	text-align: center;
	max-width: 760px;
	margin:120px auto 0 auto;
	position: relative;
}
.atributos_list .atributo_item {
	margin-bottom:60px;

}

@media (min-width: 768px) {
	.atributos_list .atributo_item {
		position: absolute;
		opacity: 0;
	}
	.trabaja .section_atributos .section_content {
		padding-bottom: 300px;
	}
}

.atributos_list .atributo_item .atributo_title {
	background-color: #0099cc;
	display: inline-block;
    padding: 27px;
    border-radius: 0 0 25px 25px;
    margin-bottom: -15px;
    font-size: 20px;
	position: relative;
	color:white;
	font-weight: 700;
	font-style: italic;
}

.atributos_list .atributo_item .atributo_title:before,
.atributos_list .atributo_item .atributo_title:after {
	content: '';
    width: 0;
    height: 0;
	position: absolute;
	top: 0;
}

.atributos_list .atributo_item .atributo_title:before {
    border-right: 17px solid transparent;
    border-top: 17px solid transparent;
    border-left: 17px solid #069;
    border-bottom: 17px solid #069;
    left: -34px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.atributos_list .atributo_item .atributo_title:after {
	border-right: 17px solid transparent;
    border-top: 17px solid transparent;
    border-left: 17px solid #069;
    border-bottom: 17px solid #069;
	right: -34px;
}

.atributos_list .atributo_item .atributo_body {
	padding: 65px 95px 45px 95px;
    background-color: rgba(23, 54, 125, 0.9);
    color: #fff;
    border-radius: 15px;
    margin-top: -30px;
	font-size: 16px;
}

.atributos_list .atributo_item .atributo_body strong {
	font-weight: 800;
}


.trabaja .section_porque_bimbo .section_content {
	background-image:url('../img/bg_section_porque_bimbo.jpg');
}

.trabaja .porque_block {
	max-width: 900px;
	margin: 0 auto;
}

.trabaja .porque_block &gt; div {
	padding-bottom:30px;
}

.trabaja .porque_item {
	padding: 25px;
    position: relative;
    background-color: rgba(23, 54, 125, 0.9);
    color: #fff;
    text-align: center;
    border-radius: 0 15px 0 0;
	height: 100%;
}

.trabaja .porque_item_img {
	margin-bottom:20px;
}

.trabaja .porque_item_img img {
	max-height: 100px;
}

.trabaja .section_lider .section_content {
	background-image:url('../img/bg_section_lider.jpg');
}

.trabaja .section_lider ol {
	max-width: 900px;
	margin:0 auto;
	position: relative;
    background-color: rgba(23, 54, 125, 0.9);
    color: #fff;
	padding: 65px;
	border-radius: 0 15px 0 0;
}

.trabaja .section_lider ol {
	display: block;
}
.trabaja .section_lider ol li {
	float:left;
	width: 50%;
	
	margin-bottom:20px;
	box-sizing: border-box;
	counter-increment: my-awesome-counter;
	position: relative;
	padding-left:40px;
	padding-right: 30px;
}

.trabaja .section_lider ol li:before {
	content: counter(my-awesome-counter);
	display: inline-block;
	vertical-align: middle;
	font-family: 'BrushScript BT';
	font-size: 36px;
    margin-right: 15px;
	position: absolute;
	left:0;
	top:8px;
}

.trabaja .section_ofertas .section_content {
	background:#17377f;
	text-align: center;
}


/* END TRABAJA CON NOSOTROS */





/* PROMOCIONES */

.promociones .title{
	color:#0033A0;
	font-family: 'Roboto Slab', sans-serif; font-size: 32px; line-height: 35px; font-weight: 700; max-width: 620px; margin: 0 auto; text-align: center
}

.promos_grid .item {
	margin-bottom:80px;
}

.promos_grid .item img {
	max-width: inherit;
	width: 100%;
}
.promociones #footer{margin-top: 0px}
.promociones #wrapper{min-height: inherit!important}
.bimbo_login{background-color:#0033A0; position: relative; background-image: url(../../assets/img/bg_contacto.png); background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top: 130px}
.bimboapi_box form{background-color: transparent!important}
.bimbo_api_title{font-size: 18px!important}
.bimboapi_content .forgot_link, .bimboapi_content .signup_link{font-weight: 300!important; font-size: 12px!important; line-height: 20px!important}


.form-control {padding:15px 30px!important;font-weight:700!important;font-size:15px!important;height:56px!important;color:#ffffff!important;background-color:transparent!important;border:2px solid #ffffff !important; border-radius:58px!important}
.form-floating label {
  position: absolute!important;
  z-index: 2!important;
  color: #ffffff!important;
  font-weight: 600!important;
  font-size: 16px!important;
}

.form-floating{font-family: 'Roboto Slab', sans-serif;
  font-weight: 700;}

.bimboapi_content .btn {background-color:#E1001E !important;color:#fff !important;border-radius: 58px!important;padding:15px 50px!important;margin-top:20px!important;text-transform: none!important;font-family: 'Roboto Slab', sans-serif!important; font-size: 18px!important; line-height: 20px!important; font-weight: 700!important; border:4px solid #E1001E!important }
.bimboapi_content .btn:hover{background-color:#ffffff !important;color:#E1001E !important; border-color:#E1001E!important}
.bimboapi_content .forgot_link{padding-top: 30px}
.bimboapi_form_text_legal h5{color:#ffffff; }
.bimboapi_form_text_legal p{color: #ffffff; line-height: 20px; font-size: 13px}
.bimboapi_content p{line-height: 22px}


.promociones .title.pet{color:#ffffff; font-size: 24px; line-height: 30px; font-weight: 700; max-width: 620px; margin: 0 auto; text-align: center}
.promociones .cerrar{color:#ffffff; padding-top: 20px; display: inline-block}


.promociones .unete{min-height: 640px; height: 100%; position: relative;}

.promociones .unete .title.gran{color:#ffffff; font-size: 28px; line-height: 30px; font-weight: 700; max-width: 620px; margin: 0 auto; text-align: center}

.promociones .unete .description{color:#ffffff; font-size: 16px; margin: 0 auto; max-width:500px; line-height: 20px; padding-top: 20px}
.promociones .unete .osito_bimbo{max-width: 350px; margin: 0 auto; padding-top: 20px; position: absolute; bottom:0px; left: 50%; transform:translate(-50%,0);}

@media (max-width: 1200px) {
	.bimboapi_box form{padding: 0px!important}
	.bimbo_api_title{font-size: 16px!important}
}

@media (max-width: 991px) {
	.promociones .title{ font-size: 20px; line-height: 25px}
	.promociones .unete{min-height: inherit; padding-bottom: 40px}
	.bimbo_login{padding-top: 20px}
}







/* END PROMOCIONES */





/* DONDE ESTAMOS */
.donde-estamos #header {
	background-image:url('../img/bg_header_donde_estamos.jpg');
}

.donde-estamos #header .page_title {
	color:#053d82;
	text-shadow: 0px 2px 2px rgb(255 255 255 / 50%);
}

.donde_estamos_legend li {
	margin-bottom:10px;
	background-size: auto 24px;
	padding:5px 0 5px 34px;
	background-position: left center;
	background-repeat: no-repeat;
}

.donde_estamos_legend .plantas_produccion {
	background-image:url('../img/factory-building.png');
}

.donde_estamos_legend .oficinas {
	background-image:url('../img/building.png');
}

.map_container {
	height: 500px;
}

.map_container #map {
	height: 100%;
    border-radius: 0 0 15px 15px;
}


.donde-estamos .osito {
	max-width: 240px;
	margin-top:-80px;
}

.delegacion_item {
	margin-top:20px;
	padding-bottom:20px;
	font-size: 14px;
	border-bottom: 1px dashed #dedede;
}

.delegacion_item:last-child {
	border-bottom:0;
}

.delegacion_item .delegacion_nombre {
	color:var(--blue);
	font-weight: 600;
}

.delegacion_item a:hover {
	color:var(--blue);
}

/* END DONDE ESTAMOS */





/* CONTACTO */

.contacto .title{
	color:#0033A0;
	font-family: 'Roboto Slab', sans-serif; font-size: 32px; line-height: 35px; font-weight: 700; max-width: 620px; margin: 0 auto; text-align: center
}



@media (max-width: 991px) {
	.contacto .title{ font-size: 20px; line-height: 25px; padding-bottom: 0px!important}
}

@media (max-width: 1200px) {
.accordion{width:90%!important}
}

.donde-estamos #header .page_title {
	color:#053d82;
	text-shadow: 0px 2px 2px rgb(255 255 255 / 50%);
}


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

.container_formulario{background-color:#0033A0; position: relative; background-image: url(../../assets/img/bg_contacto.png); background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top: 90px}

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

.contacto .form{font-family: 'Roboto Slab', sans-serif; font-weight: 700 }
.contacto #main.margin_top_bottom_2{padding-bottom: 0px; padding-top: 130px}
.contacto #footer{margin-top: 0px}

.osito_contacto{max-width: 350px; position: absolute; bottom:198px; left:110px; z-index:9}



.form .indicanos{padding: 20px 0px; font-weight: 800; color:#ffffff; font-size: 18px}
.form  .input_lbl_wrapper label {
	font-weight: 800;
}
.text-muted{color:#ffffff!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%;
}

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

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

/* 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%;
	background: white;
}



/* The container */
.container_plan {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container_plan input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark_receta {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container_plan:hover input ~ .checkmark {
  background-color: #ccc;
}


.checkmark_receta {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
	border-radius: 25px
}


/* When the checkbox is checked, add a blue background */
input:checked ~ .checkmark_receta {
  background-color: #2196F3;
}

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

/* Show the checkmark when checked */
input:checked ~ .checkmark_receta:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkmark_receta:after {
  left: 10px;
  top: 7px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.form .tipo, .form .tipo_cliente_bimbo{cursor: pointer; padding: 15px 40px; background-color: #0433A0; border:2px solid #ffffff; border-radius:58px; color:#ffffff; 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 #0433A0; color:#0433A0;}
.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:#ffffff; font-size: 13px; padding-left: 40px}




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

.input_lbl_wrapper {position: relative;text-align: left; padding: 10px 0px; color:#ffffff}
.input_lbl_wrapper label {position: absolute;z-index:2;top:24px;color:#ffffff;font-weight:600;font-size:16px;}
.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:700;font-size:15px;height:56px;color:#ffffff;background-color:transparent;border:2px solid #ffffff !important; border-radius:58px}
.input_lbl_wrapper .input_value {color:#ffffff;}
.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; font-family: 'Roboto', sans-serif; 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: #294C94;}
.input_lbl_wrapper :-ms-input-placeholder { color: #294C94;}
.input_lbl_wrapper ::placeholder { color: #294C94;}
.select_lbl_wrapper select {background:transparent;border:0;border-bottom:2px solid #294C94;padding:5px 10px 10px 10px;font-size:20px;height:46px;border-radius: 0;-webkit-appearance: none;-moz-appearance:none; appearance: none;width:100%;color:#294C94;}

.textarea{padding:30px 50px;font-weight:700;border:0 !important;font-size:16px;border-radius: 30px !important;color:#0033A0;background-color:#ffffff; height:200px; width: 100%; resize: none; position:relative; z-index: 10}
.textarea::placeholder{font-size:16px; font-weight: 700}


.btn {background-color:#E1001E !important;color:#fff !important;border-radius: 58px;padding:15px 50px;margin-top:20px;text-transform: none;font-family: 'Roboto Slab', sans-serif; font-size: 18px; line-height: 20px; font-weight: 700; border:4px solid #E1001E }
.btn:hover{background-color:#ffffff !important;color:#E1001E !important; border-color:#E1001E}


.accordion{ margin: 0 auto; width: 95%; padding-bottom: 50px}
.accordion-item{background-color:#F2F2F2; border-radius:26px;}
.accord-header{cursor: pointer; padding: 15px 30px;  margin: 10px 0px; color:#000000; position: relative}
.accord-header ul{list-style-type: none}
.accord-content{display: none; padding: 15px 30px; padding-top:0px; font-size: 14px; color:#797979}

.accord-header:after {
  position: absolute;
  display: block;
  content: '\002B';
  font-size: 30px;
  right: 20px;
  top: 15px;
	color:#E1001E;
	font-weight: 600;
  transition: transform .15s ease-in-out;

}

.accord-header.checked:after {
  transform: rotate(45deg);
}


.accord-content em, .accord-content em a{color:#053d82; text-decoration: none}

@media (max-width: 991px) {
	.accord-header{font-size: 14px; line-height: 20px; padding-right: 45px}
	.accord-content{padding:5px 30px 15px 30px; font-size: 13px; line-height: 15px}
	
	.input_lbl_wrapper label, .input_lbl_wrapper{font-size: 13px}
    .accordion{padding-bottom: 20px}
    .textarea{padding: 20px}
    .osito_contacto{display: none}
    .container_formulario{padding-top: 20px}
}


/*
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{margin: 0 auto}*/

.form_rustikbakery,
.form_oroweat,
.form_silueta,
.form_ortiz,
.form_donuts,
.form_donettes,
.form_labellaeaso,
.form_weikis,
.form_qe,
.form_bollycao,
.form_bony,
.form_tigreton,
.form_pantera_rosa,
.form_pinguinos,
.form_litte_bites,
.form_circulo_rojo,
.form_reposteria_martinez,
.form_takis,
.form_eagle,
.form_popup{}

.form_rustikbakery .container_formulario,
.form_oroweat .container_formulario,
.form_silueta .container_formulario,
.form_ortiz .container_formulario,
.form_donuts .container_formulario,
.form_donettes .container_formulario,
.form_labellaeaso .container_formulario,
.form_weikis .container_formulario,
.form_qe .container_formulario,
.form_bollycao .container_formulario,
.form_bony .container_formulario,
.form_tigreton .container_formulario,
.form_pantera_rosa .container_formulario,
.form_pinguinos .container_formulario,
.form_litte_bites .container_formulario,
.form_circulo_rojo .container_formulario,
.form_reposteria_martinez .container_formulario,
.form_takis .container_formulario,
.form_eagle .container_formulario,
.form_st-pierre .container_formulario,
.form_popup .container_formulario{width: 80%; margin: 0 auto; background-image: none; padding-top:0px}

.contacto.marca .title{background-color:#ffffff; border-radius: 30px; padding: 20px 40px}

.form_st-pierre .container_formulario{background-color:#f7f3ea}
.form_st-pierre .input_lbl_wrapper{color:#000000}
.form_st-pierre .input_lbl_wrapper label{color:#000000}

.form_st-pierre .input_lbl_wrapper input[type="text"], .form_st-pierre .input_lbl_wrapper input[type="email"], .form_st-pierre .input_lbl_wrapper input[type="password"], .form_st-pierre .input_lbl_wrapper select, .form_st-pierre .input_lbl_wrapper .input_value{border:2px solid #000000 !important}
.form_st-pierre .form .indicanos{color:#000000}
.form_st-pierre .form .validez{color:#000000}
.form_st-pierre .form-control{color:#000000!important}
.form_st-pierre .text-muted{color:#000000!important}


@media (max-width: 991px) {

    .form_rustikbakery .container_formulario,
    .form_oroweat .container_formulario,
    .form_silueta .container_formulario,
    .form_ortiz .container_formulario,
    .form_donuts .container_formulario,
    .form_donettes .container_formulario,
    .form_labellaeaso .container_formulario,
    .form_weikis .container_formulario,
    .form_qe .container_formulario,
    .form_bollycao .container_formulario,
    .form_bony .container_formulario,
    .form_tigreton .container_formulario,
    .form_pantera_rosa .container_formulario,
    .form_pinguinos .container_formulario,
    .form_litte_bites .container_formulario,
    .form_circulo_rojo .container_formulario,
    .form_reposteria_martinez .container_formulario,
    .form_takis .container_formulario,
    .form_eagle .container_formulario,
    .form_popup .container_formulario{width: 100%; margin: 0 auto}

}

.marca .menu-container{display:none}
.marca #mediumheader{display:none}
.marca .page-contact::before{display: none}
.marca .accordion{display: none}

.marca #mainfooter{padding-top:0px}
.marca #mainfooter .contenedor{display: none}
.marca #mainfooter::before{display: none}

.marca #footer-bar{margin-top:0px}
.marca #footer-bar .contenedor{display: block}

.marca .page-contact{background-image: none; padding-top: 20px}
.marca .page-contact .logo{text-align: center}

.form_donettes .page-contact{background-image:url(https://www.donettes.com/files/interface/fondo.png); background-size: auto; background-repeat: repeat; background-color: #FFDA00}
.form_rustikbakery .page-contact{background-image:url(https://www.therustikbakery.es/themes/trb/images/fondo_pizarra.jpg); background-size: auto; background-repeat: repeat; background-color: #ffffff}
.form_oroweat .page-contact{background:rgba(177,0,35,1)}
.form_silueta .page-contact{background-color:#FFF9E8}
.form_ortiz .page-contact{background-color:#ffffff}
.form_donuts .page-contact{background: url("https://donuts.es/wp-content/themes/donuts-theme/images/bk_top.png") 0 top repeat-x fixed, url("https://donuts.es/wp-content/themes/donuts-theme/images/bk_resplador.png") center center no-repeat fixed, url("https://donuts.es/wp-content/themes/donuts-theme/images/bk_x.png") 0 top repeat fixed;}
.form_labellaeaso .page-contact{ background-size: auto; background-repeat: repeat; background-color: #001489}
.form_weikis .page-contact{ background-size: cover; background-repeat: no-repeat; background-color: #2129a7; background-position: top; background-attachment: fixed}
.form_qe .page-contact{background-color:#542779}
.form_bollycao .page-contact{background-image:url(https://www.bollycao.es/assets/img/bg.png); background-size: cover; background-repeat: no-repeat; background-color: #ffffff; background-position: top; background-attachment: fixed}
.form_bony .page-contact, .form_tigreton .page-contact, .form_pantera_rosa .page-contact, .form_pinguinos .page-contact{background-image:url(../img/bg-sistalgia2.jpg); background-size: cover; background-repeat: no-repeat; background-color: #ffffff; background-position: top; background-attachment: fixed}
.form_little_bites .page-contact{background-image:url(https://bimbo-com-es-assets.s3.amazonaws.com/s3fs-public/Little_Bites_02.jpg); background-size: cover; background-repeat: no-repeat; background-color: #ffffff; background-position: top; background-attachment: fixed}
.form_circulo_rojo .page-contact{background-image:url(https://bimbo-com-es-assets.s3.amazonaws.com/s3fs-public/Circulo_Rojo_02.jpeg); background-size: cover; background-repeat: no-repeat; background-color: #ffffff; background-position: top; background-attachment: fixed}
.form_reposteria_martinez .page-contact{background-image:url(https://bimbo-com-es-assets.s3.amazonaws.com/s3fs-public/Martinez_body.jpeg); background-size: cover; background-repeat: no-repeat; background-color: #ffffff; background-position: top; background-attachment: fixed}
.form_takis .page-contact{background-image:url(https://www.takis.es/files/interface/pattern.gif); background-size: auto; background-repeat: repeat; background-color: #ffffff; background-position: top; background-attachment: fixed}
.form_eagle .page-contact{background-size: auto; background-repeat: repeat; background-color: #d5d8e6; background-position: top; background-attachment: fixed}
.form_popup .page-contact{background-image:url(https://bimbo-com-es-assets.s3.amazonaws.com/s3fs-public/PopUp2_02.jpg); background-size: cover; background-repeat: no-repeat; background-color: #ffffff; background-position: top; background-attachment: fixed}

.form_st-pierre .page-contact{background-size: auto; background-repeat: repeat; background-color: #EE7203; background-position: top; background-attachment: fixed}

.page-contact .accord-header {
	padding-bottom:15px;
}

@media (max-width: 991px) {
    
    .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 {font-size:17px;}
    .btn { padding: 10px 30px;font-size:18px;}
    
    
    .form-check{height:80px}
	
	
    
}
.marca .page-contact {
	padding-bottom:50px;
}

.marca #header,
.marca .main_before {
	display: none;
}

.marca #main.margin_top_bottom_2 {
	padding-top:0;
	padding-bottom:0;
}

.marca #footer &gt; .container {
	display: none;
}

.marca #footer:before {
	display: none;
}

.marca #footer {
	padding-top:0;
}

.marca .block_white {
	margin-bottom:0;
	border:0;
	box-shadow: none;
}

.marca .footer_bottom {
	margin-top:0;
}

/* END CONTACTO */




/* RECETAS */



.recetas .carousel{min-height: 90vh; width:auto; height: 90vh}
.recetas .carousel.inicio_sand{min-height: inherit}
.recetas .carousel .carousel-inner .carousel-item .txt{font-weight:normal; top: 40%;  left: 50%;  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); }
.recetas .carousel .carousel-inner .carousel-item .txt .subtitle{font-size:25px; font-weight: 700;  color:#F7ECE2; line-height: 30px; font-family: 'Roboto', sans-serif; text-align: center;}
.recetas .carousel .carousel-inner .carousel-item .carousel-footer{ position: absolute; bottom:15vh; color:#ffffff; width: 100%}
.recetas .carousel .carousel-inner .carousel-item .carousel-footer .hora{font-size:40px; line-height: 40px; padding:5px 20px; padding-top:15px; border:3px solid #CE2C2C; border-radius:55px}
.recetas .carousel .carousel-inner .carousel-item .carousel-footer .hora span{font-size:16px}
.recetas .carousel .carousel-inner .carousel-item .carousel-footer .todavia{font-size:18px; line-height: 20px; text-transform: uppercase; font-weight: 700; text-align: right; padding-right: 40px; border-right:2px solid #E1001E}
.recetas .carousel .carousel-inner .carousel-item .carousel-footer .recomendacion{font-size:18px; line-height: 20px; text-transform: uppercase; font-weight: 400; text-align: left; padding-left: 40px}
.recetas .carousel.height-100 .carousel-inner .carousel-item img{width:100%!important; object-fit: cover}


.recetas #main{padding-top:60px}

.recetas.receta_inner #main{padding-top:0px}


.recetas #main{background-color: #ffffff; color:#000000; background-image:url(../img/sandwicheria/plantica.png); background-size:auto; background-position:left bottom; background-repeat: no-repeat; min-height: 40vh}

.recetas #main.margin_top_bottom_2{background-image: none}


@media (max-width: 991px) {
	.recetas #main{background-image: none}
}

@media (max-width: 768px) {
	.recetas .carousel{min-height: inherit}
}

.receta_item {
	border-radius: 0px;
	overflow: hidden;
	position: relative;
	margin-bottom:60px;
	background-color: #ffffff;
}

.receta_item a {
	display: block;
}
.receta_item a:hover{color:inherit}

.receta_item .receta_title {
	color:#0033A0;
	text-transform: none;
	font-size: 20px;
	
	margin-bottom:0;
	padding: 0px 10px;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 600
}

.receta_item .content {
	padding:20px 0px;
	padding-top:0px;
	width: 100%;
}

.receta_item .content .info{text-align: right; padding-bottom: 20px; }
.receta_item .content .info .personas, .receta_item .content .info .tiempo, .receta_item .content .info .dificultad{font-size:14px; font-weight: 700; color:#0033A0; display: inline-block; padding-right: 10px}
.receta_item .content .info .personas i, .receta_item .content .info .tiempo i{padding-right: 5px; font-size: 15px}
.receta_item .content .info .dificultad{padding-right: 30px}
.receta_item .content .info .dificultad .chef_icon{display:inline-block; width:20px; padding-right: 5px}
.receta_item .content .info .add_icon{display:inline-block; width:20px; padding-right: 0px; display: none}

.recetas .filtro .filter{cursor: pointer}
.recetas .filtro .filter, .recetas .filtro .lupa{display: inline-block; color:#ffffff; font-size:35px; padding:15px; background-color: #0033A0}
.recetas .filtro .lupa{display: none}


.recetas .filtro .item{display: inline-block; color:#777777; padding: 10px 20px; font-size: 14px; line-height: 14px; background-color: #ffffff; margin: 5px; font-family: 'Roboto', sans-serif; text-align: center; font-weight: 400; cursor: pointer; border: 1px solid #E1001E; border-radius: 20px; text-transform: uppercase}
.recetas .filtro .item .fa-times{display: inline-block!important; padding-left: 5px; color:#E1001E}

.recetas .col-filtro{ width: auto; left: 0px; top: 40px; z-index: 999;}
.recetas .col-filtro .filtros{display:inline-block; padding:0px; background-color: #ffffff; vertical-align: top; color:#ffffff; width: 100%}
.recetas .col-filtro .cerrar{display:none; width:80px; height: 80px; background-color: #0033A0; vertical-align: top; color:#ffffff; font-size:40px; cursor: pointer}
.recetas .col-filtro .cerrar .fa-solid{padding: 27px; padding-top: 20px}
.recetas .col-filtro .filtros .listado{width:100%}
.recetas .col-filtro .filtros .listado .navigation-tabs{border: 0px; }
.recetas .col-filtro .filtros .listado .navigation-tabs li{padding-right: 50px}
.recetas .col-filtro .filtros .listado .navigation-tabs div{font-weight: 600; color:#0033A0; position: relative; font-size: 20px; cursor: pointer}
.recetas .col-filtro .filtros .listado .navigation-tabs div:after{position: absolute;
  display: block;
  font-family: "Font Awesome 5 Free";
   content: "\f077";
  font-size: 15px;
  right: -20px;
  top: 0px;
	color:#0033A0;
	font-weight: 600;
  transition: transform .15s ease-in-out;
transform: rotate(180deg);}


.recetas .col-filtro .filtros .listado .navigation-tabs div.active:after {
  transform: rotate(0deg);
  color:#E1001E
}

@media (max-width: 991px) {
	.recetas .col-filtro .filtros .listado .navigation-tabs div{font-size:15px; }
	.recetas .col-filtro .filtros .listado .navigation-tabs div::after{top:0px}
}

@media (max-width: 550px) {
	.recetas .col-filtro .filtros .listado .navigation-tabs li{height: 30px}
	.recetas .main_before{padding-top: 20px!important}
}

.recetas .col-filtro .accordion{ margin: 0 auto; width: 95%; padding-bottom: 0px; font-family: 'Roboto', sans-serif; text-transform: uppercase}
.recetas .col-filtro .accordion-item{background-color:transparent; border-radius: 0px; margin-bottom: 20px; border:0px}
.recetas .col-filtro .accord-header{cursor: pointer; margin: 0px; padding: 15px 20px;  color:#ffffff; position: relative; font-size:16px; line-height: 16px; font-weight: 600; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF}
.recetas .col-filtro .accord-header ul{list-style-type: none}
.recetas .col-filtro .accordion-content{display: none; padding: 0px; padding-top:10px; font-size: 14px; color:#ffffff}

.recetas .col-filtro .accord-header:after {
  position: absolute;
  display: block;
  font-family: "Font Awesome 5 Free";
   content: "\f077";
  font-size: 30px;
  right: 20px;
  top: 15px;
	color:#ffffff;
	font-weight: 600;
  transition: transform .15s ease-in-out;
transform: rotate(180deg);
}

.recetas .col-filtro .accord-header.checked:after {
  transform: rotate(0deg);
}


.recetas .col-filtro .tab-content em, .recetas .col-filtro .tab-content em a{color:#053d82; text-decoration: none}

.recetas .col-filtro .tab-content .input_lbl_wrapper{padding: 0px; display: inline-block; padding-right: 15px}
.recetas .col-filtro .tab-content .input_lbl_wrapper label{position: relative}
.recetas .col-filtro .tab-content .input_lbl_wrapper.focus label{font-size: 14px; line-height: 16px; padding-top: 4px; font-weight: 400; padding-left: 10px; color:#777777}
.recetas .col-filtro .tab-content .checkmark{border-radius: 50%; border:1px solid #E1001E}
.recetas .col-filtro .tab-content .form-check{line-height: 35px}
.recetas .col-filtro .tab-content .form-check-label .checkmark::after{border-radius: 50%; background-color: #E1001E}
.recetas .col-filtro .tab-content .form-check-label input:checked ~ .checkmark{background-color: #ffffff; border:1px solid #E1001E}

@media (max-width: 991px) {
	.recetas .col-filtro .tab-content .form-check{height: auto}
	.recetas .col-filtro .filtros{padding: 20px 50px 20px 20px}
	.recetas .col-filtro .tab-content .input_lbl_wrapper.focus label{font-size: 12px; line-height: 14px}
}

@media (max-width: 510px) {
	.recetas .col-filtro .filtros{padding: 10px}
	.recetas .col-filtro .accord-header{padding:15px 10px; font-size: 14px}
	.recetas .col-filtro .tab-content .input_lbl_wrapper.focus label{font-size: 12px}
	.recetas .col-filtro .accordion{width: 100%!important}
	.recetas .col-filtro .cerrar{width:40px; height: 40px; font-size: 25px}
	.recetas .col-filtro .cerrar .fa-solid{padding: 10px}
	.recetas .filtro .filter, .recetas .filtro .lupa{font-size: 23px; padding: 10px}
	.recetas .filtro .item{font-size: 11px; padding: 5px 10px}
	
}


.receta_item .img {
	padding-top: 60%;
	position: relative;
	background-position: center;
	background-size: cover;
	display: block;
	margin-bottom:10px;
}

.receta_item .img .corazon{color:#FFEFEF; font-size: 30px; position: absolute; right:10px; top:10px; display: none}


.recetas #main.algo_mas{background-color: #0B547B; padding-top: 0px; color:#ffffff; background-image:url(../img/sandwicheria/bg_tomillo.png), url(../img/sandwicheria/bg_queso.png); background-size:auto, auto; background-position:left bottom, right 10%; background-repeat: no-repeat, no-repeat}

.recetas #main.algo_mas .title{font-family: 'Roboto Slab', sans-serif; color:#FFFFFF; font-size: 45px; line-height: 55px; font-weight: 900}
.recetas #main.algo_mas .subtitle{font-family: 'Roboto Slab', sans-serif; color:#F7ECE2; font-size: 30px; line-height: 40px; font-weight: 900}
.recetas #main.algo_mas .receta_item{background-color: #0B547B; margin-bottom: 20px}
.recetas #main.algo_mas .receta_item .receta_title{color:#ffffff}
.recetas #main.algo_mas .receta_item .content .info .personas, .recetas #main.algo_mas .receta_item .content .info .tiempo, .recetas #main.algo_mas .receta_item .content .info .dificultad{color:#ffffff}





.paging {
	text-align: center;
	margin-top:0px;
	font-weight: 800;
	margin-bottom: 40px
}

.paging ul {
	display: block;
	width: 100%;
}
.paging li {
	display: inline-block;
	vertical-align: middle;
	padding:0 5px;
}

.paging li,
.paging a {
	color:#0033A0;
	font-size: 14px;
}

.paging li.active a {
	font-weight: 800;
	color:#ffffff;
}

.paging .num.active{background-color:#0033A0;border-radius: 10px;}

.paging a:hover {
	text-decoration: underline;
}


@media (max-width: 450px) {
	.paging li{display: none}
	.paging li.num{display: inline}
}


.back_link {
	color:#1E6396;
	font-weight: 800;
}

.back_link:before {
	content: 'v';
	font-size: 20px;
	height: 30px;
	line-height: 30px;
    width: 30px;
	display: inline-block;
	transform:rotate(90deg);
	border-radius: 50%;
	box-shadow: 0 2px 4px rgb(0 0 0 / 40%);
	vertical-align: middle;
	margin-right: 10px;
	text-align: center;
	
}

.receta_view {
	background:#0033A0;
	border-radius: 0px;
	position: relative;
	overflow: hidden;
}

.receta_view .receta_title {
	text-transform: none;
	color:#ffffff;
	font-size: 40px;
	line-height:45px;
	padding-top:60px!important;
	
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 600
	
}

.block.border-sep {
	border-bottom: 1px dotted #dedede;
}


.receta_view .block {
	padding:0px 20px 25px 60px;
	color:#ffffff;
	
}

.receta_view .block.narrow {
	padding:0px 20px 25px 60px;
}

.receta_view .block_title {
	font-size: 24px;
	line-height:30px;
	color:#ffffff;
	margin-bottom:15px;
    padding-top: 20px
}

.receta_view .ingredientes ul,
.receta_view .body {
	font-size: 16px;
	line-height: 22px;
}

.receta_view .ingredientes ul {
	columns: 1;
	
}

.receta_view .ingredientes ul li {
	margin-bottom:2px;
	position: relative;
	padding-left:25px;
}

.receta_view .ingredientes ul li:before {
	content:'â€¢';
	display: inline-block;
	font-size: 50px;
	position: absolute;
	top:2px;
	left:0;
}







.receta_view .receta_image {
	height:100%;
	width: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 90vh
}

.receta_view .preparacion p,
.receta_view .preparacion ul li,
.receta_view .preparacion ol li {
	margin-bottom:10px;
}



.receta_view .preparacion .block_content{
	max-height:inherit; font-size:16px; line-height:22px; padding-right:20px; 
}

.receta_view .preparacion .block_content::-webkit-scrollbar {
    -webkit-appearance: none;
}

.receta_view .preparacion .block_content::-webkit-scrollbar:vertical {
    width: 5px;
}

.receta_view .preparacion .block_content::-webkit-scrollbar:horizontal {
    height: 11px;
}

.receta_view .preparacion .block_content::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(255, 255, 255, .5);
}



.receta_view .block.preparacion{padding-bottom:40px; border-left: 1px solid #FFFFFF}



.receta_view .preparacion ul li {
	margin-bottom:2px;
	position: relative;
	padding-left:25px;
}

.receta_view .preparacion ul li:before {
	content:'â€¢';
	display: inline-block;
	font-size: 50px;
	position: absolute;
	top:2px;
	left:0;
}

.receta_view .compartir .block_title {
	margin-bottom:5px;
	margin-top:5px;
	margin-right: 20px;
}
.receta_view .compartir .block_title,
.receta_view .compartir .share_links {
	display: inline-block;
	vertical-align: middle;
}

.receta_view .extra_info {
	font-weight: 800;
	color:var(--blue);
	font-size: 15px;
	line-height: 18px;
	text-transform: uppercase;
	text-align: center;
}

.receta_view .extra_info li {
	margin-bottom:20px;
	padding:20px 0;
	border-bottom: 1px dotted #dedede;
}

.receta_view .extra_info li:last-child {
	border-bottom:0;
}

.receta_view .extra_info .dest {
	display: block;
	font-size: 40px;
	margin-bottom:15px;
}




.receta_view .info{text-align: center; padding-bottom: 20px; font-family: 'Roboto Slab', sans-serif;}
.receta_view .info .personas, .receta_view .info .tiempo, .receta_view .info .dificultad{font-size:14px; font-weight: 700; color:#ffffff; display: inline-block; padding-right: 30px}
.receta_view .info .personas i, .receta_view .info .tiempo i{padding-right: 5px; font-size: 20px}
.receta_view .info .dificultad{padding-right: 30px}
.receta_view .info .dificultad .chef_icon{display:inline-block; width:26px; padding-right: 5px}
.receta_view .info .add_icon{display:inline-block; width:26px; padding-right: 0px; cursor: pointer}



@media (max-width: 1200px) {
	.recetas .carousel .carousel-inner .carousel-item .carousel-footer .recomendacion{padding-left: 15px; font-size: 15px}
	.recetas .carousel .carousel-inner .carousel-item .carousel-footer .todavia{padding-right:15px; font-size: 15px}
	.recetas .carousel .carousel-inner .carousel-item .carousel-footer .hora{font-size: 28px; max-width: 200px; margin:0 auto}
    
    .receta_view .block{padding-left: 0px}
    .receta_view .block.preparacion{padding-left: 50px}
    
    
}

@media (max-width: 991px) {
	.recetas .carousel .carousel-inner .carousel-item .carousel-footer .todavia{padding: 20px; text-align: center; border:0px}
	.recetas .carousel .carousel-inner .carousel-item .carousel-footer .recomendacion{padding: 20px; text-align: center; border:0px}
	.recetas .filtro .item{padding:5px 20px; font-size:13px}
	
	
	.receta_view .block{padding:20px; max-width:100%}
    .receta_view .block.preparacion{padding: 20px; border-left: 0px;}
	.receta_view .info.block{padding:0px 20px}
	.receta_view .receta_title{max-width:100%!important; padding-top:40px!important; font-size:30px; line-height:35px}
	.receta_view .receta_image{min-height:50vh; background-size: cover; background-position: center center}
	.receta_view .block_title{font-size:21px; line-height:25px; padding-top: 0px}
	.receta_view .preparacion .block_content{max-height:inherit; padding:0px}
	.receta_view .info .personas, .receta_view .info .tiempo, .receta_view .info .dificultad{font-size:15px}
	.receta_view .ingredientes ul, .receta_view .body, .receta_view .preparacion .block_content{font-size:13px; line-height:20px}
	.receta_view .preparacion p, .receta_view .preparacion ul li, .receta_view .preparacion ol li{margin-bottom:5px}
	.receta_view .carousel-indicators{margin-bottom:10px}
	.receta_view .carousel-control-next, .receta_view .carousel-control-prev{width:10%}
	.receta_view .carousel-indicators li{width:14px; height:14px; margin:0px 5px}
	.receta_view .embed-responsive{min-height:50vh}
}

@media (max-width: 768px) {
	.recetas .carousel .carousel-inner .carousel-item .txt{font-size:35px}
	.recetas .carousel .carousel-inner .carousel-item .txt .subtitle{font-size:20px; line-height: 25px}
	
	.recetas #main{padding-top: 30px}
	.receta_item{max-width: 90%; margin: 0 auto; margin-bottom: 30px; }
	.receta_item .content .info{text-align: center}
	.receta_item .receta_title{text-align: center!important}
	.paging{margin-top: 20px}
	
	.recetas #main.algo_mas{padding-top: 0px}
	.recetas #main.algo_mas .title{font-size:30px; line-height: 40px;}
	.recetas #main.algo_mas .subtitle{font-size:20px; line-height: 30px;}
	
	.receta_view .receta_title{font-size:23px; line-height:30px}
    .receta_view .receta_image{min-height: 30vh}
}



/* END RECETAS */




/* SHARE LINKS */
.share_links li {
	display: inline-block;
	margin:5px 10px 5px 0;
}

.share_links a {
	border-radius: 15px;
	text-align: center;
	display: inline-block;
	padding:0 15px;
	line-height: 24px;
	color:white;
	font-size: 12px;
	font-weight: 600;
}

.share_links .fb {
	background:#1877F2;
}

.share_links .tw {
	background:#1DA1F2;
}

.share_links .pin {
	background:#BD081C;
}
/* END SHARE LINKS */





/* CAROUSEL */

.carousel.height-100,
.carousel.height-100 .carousel-inner,
.carousel.height-100 .carousel-inner .carousel-item,
.carousel.height-100 .carousel-inner .carousel-item img {
	height: 100%;
}


.carousel .carousel-inner .carousel-item .txt{font-size:70px; font-weight: 700;  color:#ffffff; line-height: 70px; font-family: 'Roboto Slab', sans-serif; text-align: center; position: absolute;  top: 50%;  left: 50%;  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); width:90%}


.carousel .carousel-inner .carousel-item .txt.alimentamos{ left: 10%;  -ms-transform: translateX(0%);  transform: translateX(0%); width:auto; top:40%; font-size: 80px; line-height: 80px}



.carousel.height-100 .carousel-inner .carousel-item img {
	position: absolute;
	width: auto !important;
	left: 50%; transform: 
	translate(-50%,0);
}

.carousel .carousel-inner .carousel-item .carousel_btn{position: absolute;  bottom: 20%;  left: 50%;  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); }



@media (max-width: 1100px) {
    .carousel .carousel-inner .carousel-item .txt{font-size:50px; line-height: 50px}
	 .carousel .carousel-inner .carousel-item .txt.alimentamos{font-size:50px; line-height: 50px}
}
    
    
@media (max-width: 991px) {

	.carousel.height-100,
	.carousel.height-100 .carousel-inner,
	.carousel.height-100 .carousel-inner .carousel-item,
	.carousel.height-100 .carousel-inner .carousel-item img {
		height: auto;
	}

	.carousel.height-100 .carousel-inner .carousel-item img {
		position: relative;
		width: 100% !important;
		left: auto; 
		transform: none;
	}
	
	
}



.carousel-indicators{margin-bottom: 30px; z-index: 7}

.carousel-indicators .active {
  background-color: #0033A0;
}
.carousel-indicators li {
  background-color: #fff;
}
.carousel-indicators li {
  width: 18px;
  height: 18px;
	border-radius:20px;
	opacity: 1
}
.carousel-indicators &gt; li {
  border-radius: 50%;
}

/* END CAROUSEL */


/* SALA PRENSA */

.sala_prensa #header {
	background-image:url('../img/bg_header_sala_prensa.jpg');
}

.sala_prensa_item_wrapper {
	margin-bottom:30px;
	height: calc(100% - 30px);

}
.sala_prensa_item {
	background:white;
	border-radius: 10px;
	position: relative;
	padding:20px;
	height: 100%;
}

.sala_prensa_item a {
	color:var(--blue);
	display: block;
}

.sala_prensa_title {
	font-size: 16px;
	font-weight: 800;
	margin-bottom:15px;
}  

.sala_prensa_item .read_more {
	font-weight: 800;
	text-transform: uppercase;
	font-size: 14px;
}

.sala_prensa_item .read_more:hover {
	text-decoration: underline;
}

.sala_prensa_item  .date {
	font-size: 14px;
	margin-bottom:15px;
	line-height: 25px;
	min-height: 25px;
}

.sala_prensa_view {
	background:white;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	padding:30px 40px;
	color:var(--blue);
}

.sala_prensa_view .date {
	font-size: 18px;
}
.sala_prensa_view .sala_prensa_title,
.sala_prensa_view .body h1 {
	font-weight: 800;
	font-size: 30px;
	margin:20px 0;
}

.sala_prensa_view .body h2 {
	font-size: 24px;
	font-weight: 800;
	margin-top:20px;
}

.sala_prensa_view .body h3 {
	font-size: 22px;
	font-weight: 800;
	margin-top:20px;
}

/* END SALA PRENSA */




/* BREADCRUMB */

.breadcrumbb li {
	display: inline-block;
	font-weight: 800;
	color:var(--blue);
	font-size: 13px;
}
.breadcrumbb li a {
	color:var(--blue);
}

.breadcrumbb li a:hover{
	text-decoration: underline;
}

.breadcrumbb li:after {
	content:'&gt;';
	display: inline-block;
	vertical-align: middle;
	padding:0 7px;
}

.breadcrumbb li:last-child:after {
	display: none;
}

/* END BREADCRUMB */




/* CMS */
.cms_content {

}

.cms_content .title {

	color:#ffffff;
	font-family: 'Roboto Slab', sans-serif; font-size: 32px; line-height: 35px; font-weight: 700;
}
.cms_content .titulo {
	padding-bottom: 20px;
	color:#000000;
	font-family: 'Roboto Slab', sans-serif; font-size: 32px; line-height: 35px; font-weight: 700;
}

.cms_content ul {
	list-style: disc;
	
}

.cms_content ol {
	list-style:decimal;
}

.cms_content ul ,
.cms_content ol {
	padding-left:20px;
	margin-bottom:15px;
}

@media (max-width: 991px) {
	.cms_content .title {font-size: 20px; line-height: 25px}
	.cms_content .titulo{font-size: 20px; line-height: 25px}
	.cms_content p, .cms_content li{font-size: 13px; line-height: 20px}
}

/* END CMS */





@media (max-width: 1400px) {
	#header .navbar .nav-item .nav-link{font-size: 16px; padding: 0px 10px}
}

@media (max-width: 1200px) {
	#header .navbar .nav-item .nav-link{font-size: 11px;}
	#header .navbar .dropdown-menu{padding: 0px;}
	#header .navbar .dropdown-menu a{font-size: 11px}
}



@media (max-width: 991px) {
	.navbar-toggler {
		margin: 0 0 0 auto;
		border:0;
		
	}
	.navbar-light .navbar-toggler-icon {
		background-image:url('../img/menu-hambuger.svg');
		filter: invert(11%) sepia(45%) saturate(6845%) hue-rotate(206deg) brightness(100%) contrast(96%);
	}

	#header .navbar .navbar-brand {
		margin-left: 20px;
		margin-top:40px;
		max-width: 117px
	}
	

	#header .navbar .nav-item .nav-link {
		border:0;
	}

	#header .navbar {
		padding-left: 0;
		padding-right: 0;
		text-align: right;
	}

	.menu-mobile{width:100%; background-color: rgba(0,51,160, 0.9); position: fixed; z-index: 9989; backdrop-filter: blur(6px); color:#ffffff; height: 100vh; overflow-y: scroll; overflow-x: hidden}
	.menu-mobile .items{padding-top: 20vh}
	.menu-mobile .item{font-weight: 700;	text-transform: none;font-size: 20px;font-family: 'Roboto Slab', sans-serif; padding: 10px 0px}
	.menu-mobile .sub-item{font-weight: 400;text-transform: none;font-size: 14px; padding: 2px 0px}
	
	.menu-mobile .item a, .menu-mobile .sub-item a{color:#ffffff; text-decoration: none}
	
	.menu-mobile .social .item{max-width: 44px; display: inline-block; margin: 0px 5px}
	
	#header .navbar .hamburguer{display:inline-block; max-width: 62px; margin-top: 20px; cursor: pointer}
	
	#header .navbar .nav-item {
		padding:0 15px;
		border-top: solid 1px #EEE;
		
	}

	#header .navbar .dropdown-menu {
		width: 100%;
		text-align: right;
		border:0;
		padding:0;
		border-radius: 0;
		box-shadow: none;
	}

	#header .navbar .dropdown-menu &gt; .row,
	#header .navbar .dropdown-menu &gt; .row &gt; div {
		padding:0;
	}

	#header .navbar .dropdown-menu .box .row,
	#header .navbar .dropdown-menu .box .desc {
		display: none;
	}

	#header .navbar .dropdown-menu .title {
		border:0;
		font-weight: 600;
		font-size: inherit;
		color:var(--blue);
		margin-bottom:0;
		font-size: 13px;
	}

	#header .navbar .dropdown-menu .box {
		padding: 5px 30px 5px 0;
    	border-bottom: 1px solid #DDD;
		background:#eeeeee;
	}

	#header .navbar .dropdown-menu .box:last-child {
		border-bottom:0;
	}

	#header .navbar .nav-item.dropdown .nav-link {
		position: relative;
	}
	#header .navbar .nav-item.dropdown .nav-link:after {
		position: absolute;
		left:0;
		top:15px;
	}

	#header .page_title {
		font-size: 28px;
	}

	#header {
		background-image: url(../../../assets/img/header_bg_mobile.png);
		background-position: top left;
		background-size: cover
		
	}

	.historia_grid .image {
		min-height: 250px;
		background-size: calc(100% - 30px);
		background-position: 15px 0;
	}

	.historia_grid .item_info {
		min-height: inherit;
	}

	.cd-h-timeline__event .info {
		top:90px !important;
		font-size: 14px !important;
		max-width: auto !important;
	}

	.atributos_list .atributo_item .atributo_body {
		margin-top:-31px;
	}

	.trabaja .section_content {
		padding-top:0;
	}

	.trabaja .section_title_wrapper {
		padding: 25px 0 25px 0;
	}
	.trabaja .section_title {
		font-size: 24px;
	}

	.atributos_list {
		margin-top:50px;
	}

	.trabaja .section_title_wrapper:after {
		height: 20px;
    	bottom: -20px;
	}

	.trabaja .porque_block {
		padding-top:50px;
	}

	.trabaja .section_lider .section_content {
		padding-top:50px;
	}

	.trabaja .section_lider ol li {
		width: 100%;
		float: none;
	}

	.btn.xl {
		font-size: 16px;
	}

	.landing_product__social-media {
		display: none;
	}

	.landing_product__logo img {
		max-height: 100px;
	}

	.main_before .form-inline {
		display: block;
		text-align: center;
	}

	.main_before .form-inline label,
	.main_before .form-inline .select-container {
		display: inline-block;
	}

	.main_before .form-inline label {
		width: 100px;
		text-align: left;
	}

	.donde-estamos .osito {
		display: none;
	}

	.breadcrumbb li:last-child {
		display: none;
	}

	.sala_prensa_view .sala_prensa_title, 
	.sala_prensa_view .body h1 {
		font-size: 24px;
	}

	#footer .menu li {
		width: 100%;
		display: block;
	}

	#footer .menu {
		margin-top:30px;
	}


}


@media (max-width: 650px) {

	#header .navbar .navbar-brand{margin-top: 20px; max-width: 90px}
	#header .navbar .hamburguer{margin-top: 0px}
	.menu-mobile .items{padding-top: 13vh}
}

/* HOME */
#header {
	position: fixed;
    z-index: 9999;
    width: 100%;
	left: 50%;
  transform: translateX(-50%);
	margin: 0 auto;
    transition: 0.3s ease;  
    background-color:rgba(0,0,0,0.2);
    padding-bottom: 0px;
    margin-bottom: 20px;
    backdrop-filter:blur(10px)
}

#carouselHome {
	height: 100vh;
	overflow: hidden;
}

#carouselHome img {
	object-fit: cover;
	width:100%;
	height:100vh;
}

.home_grid {
	margin-top:10px;
    background-image: url(../../../uploads/background_botonera.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: cover;
    padding: 50px 0px
}

.home_grid .title{font-family: 'Roboto Slab', sans-serif; font-size: 35px; line-height: 35px; color:#0033A0; font-weight: 700}



.home .carousel .carousel-inner .carousel-item.receta .carousel-top{ position: absolute; top:17vh; color:#ffffff; width: 100%}
.home .carousel .carousel-inner .carousel-item.receta .carousel-top .txt{font-weight:600; text-align: left; max-width: 600px; position: relative; top: 0px; left: 0px; transform: inherit; padding-top: 70px; padding-left: 50px}
.home .carousel .carousel-inner .carousel-item.receta .carousel-top .hora{font-size:40px; line-height: 40px; padding:5px 20px; padding-top:15px; border:3px solid #CE2C2C; border-radius:55px}
.home .carousel .carousel-inner .carousel-item.receta .carousel-top .hora span{font-size:16px}
.home .carousel .carousel-inner .carousel-item.receta .carousel-top .todavia{font-size:18px; line-height: 20px; text-transform: uppercase; font-weight: 700; text-align: right; padding-right: 40px; border-right:2px solid #E1001E}
.home .carousel .carousel-inner .carousel-item.receta .carousel-top .recomendacion{font-size:18px; line-height: 20px; text-transform: uppercase; font-weight: 400; text-align: left; padding-left: 40px}

.home .carousel .carousel-inner .carousel-item.receta .carousel-top .carousel_btn{ position: relative; top: 0px; left: 0px; transform: inherit; margin-top: 70px; margin-left: 50px}


@media (max-width: 1200px) {
	.home .carousel .carousel-inner .carousel-item.receta .carousel-top .recomendacion{padding-left: 15px; font-size: 15px}
	.home .carousel .carousel-inner .carousel-item.receta .carousel-top .todavia{padding-right:15px; font-size: 15px}
	.home .carousel .carousel-inner .carousel-item.receta .carousel-top .hora{font-size: 28px; max-width: 200px; margin:0 auto}
}

@media (max-width: 991px) {
	.home .carousel .carousel-inner .carousel-item.receta .carousel-top .todavia{padding: 20px; text-align: center; border:0px}
	.home .carousel .carousel-inner .carousel-item.receta .carousel-top .recomendacion{padding: 20px; text-align: center; border:0px}
}

@media (max-width: 768px) {
	.home .carousel .carousel-inner .carousel-item.receta .carousel-top .txt{font-size:35px; line-height: 40px; margin: 0 auto; padding: 0px; padding-top: 30px; text-align: center}
	.home .carousel .carousel-inner .carousel-item.receta .carousel-top .carousel_btn{margin:0 auto; margin-top:30px; text-align: center}
	
	
}



@media (max-height: 610px) {
	.home .carousel .carousel-inner .carousel-item.receta .carousel-top{top:27vh}
	.home .carousel .carousel-inner .carousel-item.receta .carousel-top .txt{padding-top:40px; }
	.home .carousel .carousel-inner .carousel-item .txt{font-size: 45px; line-height: 50px}
	.home .carousel .carousel-inner .carousel-item .txt.alimentamos{font-size: 45px; line-height: 50px}
	.home .carousel .carousel-inner .carousel-item.receta .carousel-top .carousel_btn{margin-top: 20px}
	.home .carousel .carousel-inner .carousel-item.receta .carousel-top .hora{font-size: 30px; line-height: 30px}
	.home .carousel .carousel-inner .carousel-item.receta .carousel-top .recomendacion, .home .carousel .carousel-inner .carousel-item.receta .carousel-top .todavia{font-size: 15px; line-height: 15px}
}



.botonera .item{width:190px; height: 190px; background-color: #0033A0; margin: 1px}


.botonera .item_brand_1 {background-color:#0033A0}
.botonera .item_brand_23 {background-color:#BC9157}
.botonera .item_brand_24 {background-color:#2182E3}
.botonera .item_brand_25 {background-color:#222222}
.botonera .item_brand_27 {background-color:#96E4FC}
.botonera .item_brand_28 {background-color:#DB1933}
.botonera .item_brand_29 {background-color:#FF6800}

.botonera .item img{max-width: 85%}


/*.destacado {margin-top:10px;background-color: #FF9364; padding: 50px 0px}
.destacado .container{ background-image: url(../../../assets/img/destacado_naranja.png); background-repeat: no-repeat; background-size:contain; background-position: center center; padding: 80px 0px 120px 0px}*/

.destacado {margin-top:10px;background-color: #0B547B; padding: 50px 0px}
.destacado .container{ background-image: url(../../../assets/img/destacado_azul.png); background-repeat: no-repeat; background-size:contain; background-position: center center; padding: 80px 0px 120px 0px}
.destacado .container .container_inner{width:90%; margin:0 auto}

.destacado .logo{max-width: 260px}
.destacado .info_prod{max-width: 540px; text-align: left; padding: 40px}
.destacado .info_prod .title{font-family: 'Roboto Slab', sans-serif; font-size: 32px; line-height: 35px; color:#ffffff; font-weight: 700; max-width: 400px}
.destacado.querer .info_prod .title{ font-size: 80px; line-height: 85px; color:#ffffff; font-weight: 700; max-width: 450px}
.destacado .info_prod .title strong{}
.destacado .info_prod .txt{font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 25px; color:#ffffff; font-weight: 400}
.destacado .info_prod .txt strong{font-weight: 700}
.destacado .info_prod .bt{font-family: 'Roboto Slab', sans-serif; border:4px solid #ffffff; font-size: 25px; padding: 10px 50px; background-color: transparent; font-weight: 700; color:#ffffff; display: inline-block; border-radius:60px}
.destacado .info_prod .bt:hover{color:#FF9364; background-color: #ffffff}
.destacado.querer .info_prod .bt:hover{color:#0B547B; background-color: #ffffff}
.destacado .nuevo{position: absolute; right:-20px; top:-50px; max-width:200px; z-index: 9}


.medioambiente{background-color:#E7F4F9; padding: 70px 0px; background-image:url(../../../assets/img/bg_medioambiente_fixed.png), url(../../../assets/img/bg_medioambiente.png); background-repeat: no-repeat, no-repeat; background-position: center center, center -40%; background-size: 110%, 110%; background-attachment: fixed, scroll}
.medioambiente .logo{max-width: 220px; margin: 0 auto}
.medioambiente .title{font-family: 'Roboto Slab', sans-serif; font-size: 32px; line-height: 35px; color:#002891; font-weight: 700; margin: 0 auto}
.medioambiente .txt{font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 25px; color:#000000; font-weight: 400}
.medioambiente .txt strong{font-weight: 700}

.medioambiente .item .title{font-family: 'Roboto Slab', sans-serif; font-size: 25px; line-height: 30px; color:#002891; font-weight: 700; margin: 0 auto}
.medioambiente .item .txt{font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 25px; color:#000000; font-weight: 400}
.medioambiente .item .txt strong{font-weight: 700}
.medioambiente .item .bt{font-family: 'Roboto Slab', sans-serif; border:4px solid #E1001E; font-size: 25px; padding: 15px 50px; background-color: transparent; font-weight: 700; color:#E1001E; display: inline-block; border-radius:60px}
.medioambiente .item .bt:hover{background-color:#E1001E; border-color:#E1001E; color:#ffffff}
.medioambiente .item img{max-width: 600px; padding-bottom: 0px!important}


.medioambiente.inner{background-image: none}
.medioambiente.inner .title_pet{font-family: 'Roboto Slab', sans-serif; font-size: 22px; line-height: 25px; color:#002891; font-weight: 700; margin:0 auto; }


.recetas_home{padding: 70px 0px;}
.recetas_home .title{font-size: 60px; line-height: 65px; color:#0033A0; margin: 0 auto; padding-bottom: 20px}
.recetas_home .subtitle{font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 25px; color:#000000; font-weight: 400; margin: 0 auto; padding-bottom: 20px}
.recetas_home .bt{font-family: 'Roboto Slab', sans-serif; border:4px solid #E1001E; font-size: 25px; padding: 15px 50px; background-color: #E1001E; font-weight: 700; color:#ffffff; display: inline-block; border-radius:60px}
.recetas_home .bt:hover{color:#E1001E; background-color: #ffffff; border:4px solid #E1001E}


.compromisos{background-color:#0033A0; padding: 70px 0px;}
.compromisos .logo{max-width: 220px; margin: 0 auto}
.compromisos .title{font-family: 'Roboto Slab', sans-serif; font-size: 32px; line-height: 35px; color:#ffffff; font-weight: 700; margin: 0 auto}
.compromisos .txt{font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 25px; color:#ffffff; font-weight: 400}
.compromisos .txt strong{font-weight: 700}
.compromisos .bt{font-family: 'Roboto Slab', sans-serif; border:4px solid #ffffff; font-size: 25px; padding: 15px 50px; background-color: transparent; font-weight: 700; color:#ffffff; display: inline-block; border-radius:60px}
.compromisos .bt:hover{color:#0033A0; background-color: #ffffff}

.body_compromiso .compromisos{padding: 5px 0px}
.body_compromiso .compromisos .logo{max-width: 400px; margin: 0 auto}
.body_compromiso .carousel .carousel-inner .carousel-item .txt{width: 90%}


.body_esquerer .carousel .carousel-inner .carousel-item .txt{width: 90%}
.body_esquerer .carousel .carousel-inner .carousel-item .txt{font-size: 160px; line-height: 160px}



.recetas_favoritas{padding: 10px 0px; background-color:#0B547B; position: relative}

.recetas_favoritas .carousel.recetas .carousel-item .img{padding-top: 100%;
	position: relative;
	background-position: center;
	background-size: cover;
	display: block;
	margin:30px;
}

.recetas_favoritas .carousel.recetas .carousel-item .img .corazon{color:#FFEFEF; font-size: 30px; position: absolute; left:10px; top:10px; display: none}


.recetas_favoritas .carousel.recetas .carousel-item  .receta_title {
	color:#ffffff;
	text-transform: none;
	font-size: 45px;
	margin-bottom:0;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 600;
}

.recetas_favoritas .carousel.recetas .carousel-item  .receta_title a{color:#ffffff}

.recetas_favoritas .carousel.recetas .carousel-item .content {
	padding:20px 0px;
	padding-top:0px;
	width: 600px;
}

.recetas_favoritas .carousel.recetas .carousel-item  .title{font-size:28px; line-height: 30px; color:#F7ECE2; text-align: left;  margin-bottom: 40px}
.recetas_favoritas .carousel.recetas .carousel-item  .title:after{height: 6px; width: 160px; background-color: #E1001E; content: ' '; display: block; margin-top: 10px}
.recetas_favoritas .carousel.recetas .carousel-item  .content .info{text-align: left; padding: 20px 0px; }
.recetas_favoritas .carousel.recetas .carousel-item  .content .info .personas, .recetas_favoritas .carousel.recetas .carousel-item  .content .info .tiempo, .recetas_favoritas .carousel.recetas .carousel-item  .content .info .dificultad{font-size:14px; font-weight: 700; color:#ffffff; display: inline-block; padding-right: 10px}
.recetas_favoritas .carousel.recetas .carousel-item  .content .info .personas i, .recetas_favoritas .carousel.recetas .carousel-item  .content .info .tiempo i{padding-right: 5px; font-size: 15px}
.recetas_favoritas .carousel.recetas .carousel-item  .content .info .dificultad{padding-right: 30px}
.recetas_favoritas .carousel.recetas .carousel-item  .content .info .dificultad .chef_icon{display:inline-block; width:20px; padding-right: 5px}
.recetas_favoritas .carousel.recetas .carousel-item  .content .info .add_icon{display:inline-block; width:20px; padding-right: 0px; display: none}
.recetas_favoritas .carousel.recetas .carousel-item .text{font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 22px; color:#ffffff; font-weight: 400; text-align: left; padding-top: 20px; max-width: 600px}
.recetas_favoritas .carousel.recetas .carousel-indicators li{margin: 0px 13px}
.recetas_favoritas .mantequilla{position: absolute; left:3px; top:45vh}

.recetas_favoritas .bt{font-family: 'Roboto Slab', sans-serif; border:4px solid #E1001E; font-size: 20px; padding: 15px 50px; background-color: #E1001E; font-weight: 700; color:#ffffff; display: inline-block; border-radius:60px}
.recetas_favoritas .bt:hover{color:#E1001E; background-color: #ffffff; border:4px solid #E1001E}


.manifiesto{padding: 40px 0px; padding-top: 80px; background-color:#ffffff; position: relative;}
/*.manifiesto .container{background-image:url(../../../assets/img/es-querer/bg_manifiesto.jpg); min-height: 400px; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative}
.manifiesto .container .txt{font-size:60px; line-height: 65px; color:#ffffff; text-align: center; top: 50%;  transform: translate(-50%, -50%); left:50%; position: absolute}*/
.manifiesto .typed-cursor{display: none!important}
.manifiesto .bg_tomaticos{position:absolute; right:0px; top:35vh}

.embajadores{padding: 80px 0px; background-color:#ffffff; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative}
.embajadores .container{background-image: none}
.embajadores .title{padding: 60px 0px; padding-top:0px; font-size:35px; line-height: 40px; color:#0B547B; text-align: center; max-width: 1110px; margin: 0 auto}



@media (max-width: 1620px) {
	.recetas_favoritas .mantequilla{display: none}
}

@media (max-width: 1374px) {
    .botonera .item{width:160px; height: 160px; }

	.recetas_favoritas .carousel.recetas .carousel-item .content{width: 100%}
	.manifiesto .bg_tomaticos{display: none}
}

@media (max-width: 1200px) {
	.destacado .info_prod{padding: 10px}
	.destacado .info_prod .title{font-size:26px; line-height: 30px}
	.destacado.querer .info_prod .title{font-size:46px; line-height: 50px}
	.destacado .info_prod .title strong{}
	.destacado .info_prod .txt{font-size:16px; line-height: 20px}
	.destacado .info_prod .bt{font-size: 16px; line-height: 20px; padding: 10px 30px}
	
	
	.medioambiente .item .title{font-size:18px; line-height: 22px}
	.medioambiente .txt, .medioambiente .item .txt{font-size:16px; line-height: 20px}
	.medioambiente .item .bt{font-size: 16px; line-height: 20px; padding: 10px 30px}
	.medioambiente.inner .title_pet{font-size:16px; line-height: 20px}
    
	.compromisos .txt{font-size:16px; line-height: 20px}
	.compromisos .bt{font-size: 16px; line-height: 20px; padding: 10px 30px}
	
	 .recetas_home .bt{font-size: 16px; line-height: 20px; padding: 10px 30px;}
	
	.body_esquerer .carousel .carousel-inner .carousel-item .txt{font-size:80px; line-height: 85px}
	
	.recetas_favoritas .carousel.recetas .carousel-item .receta_title{font-size: 30px}
	.recetas_favoritas .carousel.recetas .carousel-item .title{font-size: 20px}
	.recetas_favoritas .carousel.recetas .carousel-item .text{font-size: 14px; line-height: 18px}
	.recetas_favoritas .carousel.recetas .carousel-item .content .info{padding: 10px 0px}
	.recetas_favoritas .bt{margin-top: 20px!important}
}



@media (max-width: 991px) {
    #header{background-color: transparent}
     .home_grid .title{font-size: 25px; line-height: 25px}
     .home_grid .container{width:100%; padding: 0px}
     .botonera .item{width:125px; height: 125px; }
    
	#carouselHome,
	#carouselHome img {
		height: 100vh;
	}
	
	
	.destacado{padding: 20px 0px}
	.destacado .info_prod{padding: 0px; margin: 0 auto; text-align: center; }
	.destacado .logo{max-width: 170px}
	.destacado .container{background-image: none!important; padding: 0px}
	.destacado .info_prod .title{font-size:22px; line-height: 25px; max-width: inherit}
	.destacado.querer .info_prod .title{font-size:33px; line-height: 40px; max-width: inherit; margin-top: 30px}
	.destacado .info_prod .title strong{}
	.destacado .nuevo{max-width: 120px; top:0px}
	.destacado .img_prod{max-width: 500px; margin: 0 auto; margin-top: 20px}
	
	.medioambiente{background-position: top center, center -70px; background-size: 110%, 110%; background-attachment: scroll, scroll; padding: 40px 0px}
	.medioambiente .logo{max-width: 150px}
	.medioambiente .title{font-size: 24px; line-height: 30px}
	.medioambiente .item img{padding-bottom: 20px!important}
	
	.compromisos{padding: 40px 0px}
	.compromisos .logo{max-width: 150px; padding-top: 20px}
	.compromisos .title{font-size: 24px; line-height: 30px; padding-top: 20px}
	
	.recetas_home .title{font-size: 33px; line-height: 40px;}
	.recetas_home .subtitle{font-size: 16px; line-height: 20px}
	
	.recetas_favoritas{padding: 40px 0px}
	.recetas_favoritas .carousel.recetas .carousel-item .img{padding: 0px; width:400px; height: 400px; margin: 0 auto; margin-bottom: 20px}
	/*.manifiesto .container .txt{font-size:40px; line-height: 50px}*/
}


@media (max-width: 768px) {
    .home_grid{background-image: url(../../../uploads/background_botonera_mobile.jpg); padding-bottom: 90px}
    #carouselHome img{object-fit: cover; object-position: bottom center}
    
    .carousel .carousel-inner .carousel-item .txt{font-size:37px; line-height: 40px;  width: 80%!important}
	.carousel .carousel-inner .carousel-item .txt.alimentamos{font-size:37px; line-height: 40px;  width: 80%!important}
	
	.body_esquerer .carousel .carousel-inner .carousel-item .txt{font-size:60px; line-height: 60px}
	
	.recetas_favoritas .carousel.recetas .carousel-item .content{padding: 20px}
	.recetas_favoritas .carousel.recetas .carousel-item .receta_title{font-size: 23px}
	.recetas_favoritas .bt{font-size: 16px; line-height: 20px; padding: 10px 30px}
	.manifiesto .container .txt{width:90%}
	.embajadores .title{font-size: 22px; line-height: 30px}
}


/* END HOME */



/* NBL */

#main.nbl{background-image: url(../img/nbl/nbl_bg.jpg);background-size: cover;
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;}

#main.nbl .logo_nbl{max-width: 320px}

.nbl .title{color: #0033A0;
font-family: 'Roboto Slab', sans-serif;
font-size: 32px;
line-height: 35px;
font-weight: 700;
margin: 0 auto;
	max-width: 800px;
text-align: center;}


@media (max-width: 991px) {
	#main.nbl .logo_nbl{max-width: 150px; padding-bottom: 40px}
	
	.nbl .title{font-size: 20px; line-height: 25px}
}


/* END NBL */

#yio-bot{z-index: 99999}



</pre></body></html>