@font-face {
  font-family: 'Bevellier-Variable';
  src: url('fonts/Bevellier-Variable.woff2') format('woff2'),
       url('fonts/Bevellier-Variable.woff') format('woff'),
       url('fonts/Bevellier-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}



/* root
------------------------------------------------------------------------------------------------------  */
:root {
	
	/* font  */
	--font: 'Bevellier-Variable', sans-serif;	
	

	/* colors */
	--color-primary: #000;
    --color-secondary: #e5d9c3; 	
	--color-white: #fff; 	
	--color-red: #c00;
	--color-orange: #e95611;
	--color-grey: #b3b3b3;
	--color-grey-list: #dadada;
	
	
	/*ec622a*/
	
}


body {    
    font-family: var(--font);  
    color: var(--color-primary);     
}

h1  {
	font-size: 70px;
	line-height: 70px;
	font-weight: 500;
}
h2  {
	font-size: 38px;
	line-height: 38px;
	font-weight: 500;
}
h3  {
	font-size: 32px;
	line-height: 32px;
	font-weight: 400;
}
p  {
	font-size: 22px;
	line-height: 26px;
}
a {	
	text-decoration: none;
}

.btn {
	background-color: transparent;  
	border: 2px solid var(--color-primary);    
	border-radius: 18px;
	color: var(--color-primary); 
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 7px 75px;
}
.btn:hover {
	background-color: var(--color-primary);   
	border-color: var(--color-primary);   
	color: var(--color-white); 	
}
.btn.btn-black {
	background-color: var(--color-primary);   
	border: 2px solid var(--color-primary);    	
	color: var(--color-white); 	
}
.btn.btn-black:hover {
	background-color: var(--color-white);  
	color: var(--color-primary); 	
}
.btn.btn-white {
	background-color: var(--color-white);   
	border: 2px solid var(--color-white);    	
	color: var(--color-primary); 	
}
.btn.btn-white:hover {
	background-color: var(--color-primary);  
	color: var(--color-white); 	
}
.btn.btn-link {
	border-radius: 40px;	
	padding: 10px 150px;
	text-decoration: none;
	font-size: 22px;
}
.btn.btn-link.btn-active {
	background-color: var(--color-primary);   
	border-color: var(--color-primary);   
	color: var(--color-white); 	
}

.back-black {
	background-color: var(--color-primary);  	
	color: var(--color-white);  
	width: 100%;	
}
.back-white {
	background-color: var(--color-white);  	
	color: var(--color-primary);  
	width: 100%;	
}
.back-secondary {
	background-color: var(--color-secondary);  
	color: var(--color-primary);
	width: 100%;	  
}

.circulo {
	width: 150px;
	height: 150px;
	padding: 0 20px;
	background-color: var(--color-primary);  	
	color: var(--color-white);  
	border-radius: 100%;
	text-transform: uppercase;
	text-align: center;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	display: flex;
    align-items: center;
    justify-content: center;        
}



/* header
------------------------------------------------------------------------------------------------------  */

header {
	position: fixed;
    width: 100%;
    padding: 0;
    z-index: 999;        
}
header .header-main {
	width: 100%;		
	background-color: var(--color-white);   	
	padding: 20px 0;
	box-shadow: 0px 6px 5px 0px rgba(120,120,120,0.75);
	-webkit-box-shadow: 0px 6px 5px 0px rgba(120,120,120,0.75);
	-moz-box-shadow: 0px 6px 5px 0px rgba(120,120,120,0.75);
	position: relative;
	transition: padding 0.5s;    
}
header .header-main.flotante {
	padding: 0 0 5px 0;
}
header .navbar img.logo {
	margin-top: -5px;
}
header .navbar img.logo.white {
	display: none;
}
header .navbar .nav-item {
	margin: 0 35px;
	padding-top: 5px;
}
header .navbar .nav-link {
	color: var(--color-primary);   	
	font-size: 22px;	
	font-weight: 500;
}
header .navbar .nav-link:hover {
	opacity: 0.6;
}
header .navbar .navbar-collapse {
	margin-top: 8px;
	transition: none;
}   
header .navbar .navbar-collapse.show {
	background-color: var(--color-white);   	
}  
header .navbar .navbar-collapse.show .nav-link {
	text-align: center;
}   
header .navbar .dropdown-toggle::after {
	display: none;
}

header .navbar .dropdown-menu {
	margin-top: 44px !important;
	border-radius: 0;
	padding: 15px 50px 15px 20px;
}
header .header-main.flotante .navbar .dropdown-menu {
	margin-top: 28px !important;	
}
header .navbar .dropdown-menu.submenu {
	top: -63px;
	left: 100%;
	margin-left: 54px;
}
header .header-main.flotante .navbar .dropdown-menu.submenu {
	top: -47px;
}
header .navbar .dropend .dropdown-item {
	color: var(--color-primary);   	
	font-size: 22px;
	font-weight: 500;
	padding-top: 0;
	padding-bottom: 0;	
	margin: 3px 0;
	border-radius: 15px;
	box-sizing: content-box;	
}
header .navbar .dropend .dropdown-item:hover {
	background-color: var(--color-primary);   
	color: var(--color-white);   				
}
header .navbar .dropend .dropdown-item span {
	display: inline-block;
}
header .navbar .dropend .dropdown-item span.arrow {
	float: right !important;	
}
header .navbar .dropend .dropdown-item span.line {	
  	letter-spacing: -4px; 	
  	padding: 0 10px 0 4px;
}
header .navbar .dropend .dropdown-menu .dropdown-item {
	min-width: 200px;
}

header .navbar .dropend-resp {
	display: none;	
}
header .navbar .dropend-resp .dropdown-item {
	color: var(--color-primary);
    font-size: 22px;
    font-weight: 500;	
    text-align: center;
    padding: 5px 0;
    background-color: #eee;     
}
header .navbar .dropend-resp .dropdown-item .arrow {
	display: none;
}


/*header .header-main .logos {
	position: absolute;	
	top: 110px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99;    
	transition: opacity 1s;
}*/


header.home .header-main {		
	background-color: transparent;   		
	box-shadow: none;	
}
header.home .navbar img.logo.white {
	display: inline-block;
}
header.home .navbar img.logo.black {
	display: none;
}
header.home .navbar .nav-link {
	color: var(--color-white);   		
}
header.home .navbar .navbar-collapse.show .nav-link {
	color: var(--color-primary);   	
} 


header .navbar-toggler {	
	width: 100%;	
}
header .navbar-toggler .navbar-toggler-icon  {
	margin-right: 15px;
}
header .navbar-toggler .navbar-toggler-icon i {
	font-size: 3rem;	
}
header .navbar-toggler:focus {
	box-shadow: none !important; 
}
header.home .navbar-toggler .navbar-toggler-icon i {
	color: var(--color-white); 	
}




/* slider
------------------------------------------------------------------------------------------------------  */


.slider_custom .slider-container {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	padding: 0;
}
.slider_custom .slider {
	display: flex; 
	width: 100%;
	height: 100%;
	transition: transform 0.5s ease-in-out;
}
.slider_custom .slide {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100vh; 
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.slider_custom .slide-box {
	position: relative;
	width: 82%;
	margin-top: 50px;	
}
.slider_custom .slide-box h1 {
	width: 90%;
	font-size: 82px;
	color: var(--color-white);
	font-weight: 700;
	max-width: 600px;
	line-height: 84px;
}
.slider_custom .slide-box .btn {
	margin-top: 30px;
	padding: 7px 35px;
}
		
.slider_custom .bullets {
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 7px;
	
	display: none;
}
.slider_custom .bullet {
	width: 15px;
	height: 15px;
	background: var(--color-primary);
	border-radius: 100%;
	cursor: pointer;
	transition: background 0.3s;
	margin: 0 10px;		
}
.slider_custom .bullet.active {
	background: var(--color-orange);
	width: 20px;
	height: 20px;
	margin-top: -2.5px;
}
	
.slider_custom .arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	color: white;
	border: none;
	cursor: pointer;	
}
.slider_custom .arrow img {
	width: 25px !important;
}
.slider_custom .arrow-left {
	left: 20px;
}
.slider_custom .arrow-right {
	right: 20px;
}


/* banner
------------------------------------------------------------------------------------------------------  */

.banner {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	position: relative;
	padding: 0;
	margin-top: 135px;
}
.banner .banner-img {
	width: 100%;	
}
.banner-text {	
	color: var(--color-white);   
	background-color: var(--color-primary);   	
	padding: 20px 0 30px 0;	
	text-align: center;
	overflow: hidden;		
}
.banner-text p {	
	font-weight: 500;
	font-size: 56px;
	line-height: 56px;
	text-align: center;		
	margin: 0 auto;
}
.banner-content {	
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 40%;	
	margin-top: 12%;
}
.banner-content img {	
	width: 80%;
}
.banner-content h1 {	
	font-size: 4.2vw;
	line-height: 4.2vw;
	font-weight: 700;	
	color: var(--color-white);     	
}



/* home
------------------------------------------------------------------------------------------------------  */

.back-rosca {
	background-repeat: no-repeat;
    background-position: -400px center;
    background-size: cover;
    background-image: url('../img/background-rosca.png');
    padding-top: 165px;
    text-align: right;        
}
.back-rosca p {
	font-size: 26px;
	line-height: 30px;	
	padding-top: 15px;	
	padding-bottom: 15px;	
	padding-left: 100px;	
}
.back-rosca .sabores {
	padding-top: 40px;	
	overflow: hidden;	
}
.back-rosca .sabores img {
	margin-left: 25px;	
	margin-bottom: 25px;	
}

.back-minis {
	background-repeat: no-repeat;
    background-position: right center;
    background-size: 100%;
    background-image: url('../img/background-minis.jpg');
    padding-top: 165px;   
    background-color: #d9d9d9;    
}
.back-minis p {
	padding-top: 15px;	
	padding-bottom: 15px;		
	max-width: 450px;
}
.back-minis .circulo {
	margin-right: 20px;
	margin-left: 10px;
}

.back-donde {
	background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    background-image: url('../img/background-donde.jpg');
    padding-top: 100px;     
    text-align: center;      
    padding-bottom: 60px;
}
.back-donde h1 {
	color: var(--color-white);   
	font-weight: 600;
}
.back-donde .btn {
	color: var(--color-primary);   	
	padding: 10px 75px;
	background-color: var(--color-white);   
	border-color: var(--color-white);  
	border-radius: 20px; 
}
.back-donde .btn:hover {
	color: var(--color-white);   	
	background-color: var(--color-primary);   	 
}




/* cards
------------------------------------------------------------------------------------------------------  */

.card {
	background-color: var(--color-white);   	
	color: var(--color-primary);  
	border-radius: 40px; 	
	cursor: pointer;
}

.cards-marcas .card {
	height: 550px;
	margin: 0 10px;
	margin-bottom: 0px;	
    overflow: hidden;   
    /*width: 508px;*/ 
}
.cards-marcas .card .card-img {
	width: 100%;		
}
.cards-marcas .card .card-img.anim-over {
	width: 100%;	
	margin: 0 auto;	
}

.cards-canal .card {
	height: 250px;
	width: 350px;
	margin: 0 30px;	
	font-size: 24px;
	font-weight: 500;	
	display: inline-flex;    	
}

.cards-categ {
	margin-bottom: 100px;
}
.cards-categ .card {
	margin: 0 10px;	
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	border-radius: 50px; 
	position: relative;
}
.cards-categ .card:hover {	
	filter: brightness(80%);	
}
.cards-categ .card .card-content {
	position: absolute;    
    transform: translate(-50%, -50%);
	color: var(--color-white);
	font-size: 46px;
	line-height: 46px;
	font-weight: 500;
	text-align: center;   
	width: 100%;
	transform: scale(0.8);
	opacity: 0;
    transition: transform 0.5s;    
}
.cards-categ .card:hover > .card-content {
	transform: scale(1);	
	opacity: 1;
}
.cards-categ .card-text {
	text-align: center;
	font-size: 36px;
	line-height: 36px;
	font-weight: 500;	
	padding-top: 30px;
	padding-bottom: 30px;
}

.cards-listado {
	margin-top: 50px;
}
.cards-listado .card {
	background-color: var(--color-grey);   
	border-color: transparent !important;  
	background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
	border-radius: 50px; 
}
.cards-listado .card.card-iberico {
	border-color: var(--color-black) !important;  	
	background-color: var(--color-white) !important;  	
}
.cards-listado .card.card-blanco {
	border-color: #9f2b2b !important;  	
	background-color: var(--color-white) !important;  	
}
.cards-listado.small .card {
	background-size: 60%;	
}
.cards-listado .card:hover {
	opacity: 0.8;
}
.cards-listado .card-text {
	text-align: center;
	font-size: 22px;
	line-height: 22px;
	font-weight: 500;	
	padding-top: 30px;
	padding-bottom: 30px;
}




/* producto
------------------------------------------------------------------------------------------------------  */

.producto {
	padding-top: 170px;
}
.producto .breadcrumb {	
	width: 100%;
	background-color: var(--color-primary);   
	color: var(--color-white);   
	font-size: 22px;
	font-weight: 500;
	border-radius: 15px;
	padding-left: 30px;		
}
.producto .breadcrumb li {
	padding: 3px 6px 6px 6px;
}
.producto .breadcrumb li a {
	color: var(--color-white);   	
}
.producto .breadcrumb li a:hover {
	opacity: 0.8;
}

.producto h1 {
	font-size: 70px;
	padding-top: 20px;
}
.producto h2 {
	font-size: 24px;
	line-height: 24px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.producto .prod-img img {
	width: 100%;
}
.producto .prod-logo img {
	width: 75%;
}
.producto .prod-img-main img {
	width: 85%;
}

.producto .prod-info-item {
	display: inline-flex;
	padding: 8px 0;
	width: 100%;
}
.producto .prod-info .prod-info-icon {
	width: 60px;
	height: 60px;
	display: inline-flex;
	border-radius: 100%;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: 45%;
}
.producto .prod-info .prod-info-txt {
	font-size: 24px;
	line-height: 24px;
	font-weight: 500;
	display: inline-flex;	       
    justify-content: center;
    align-items: center;
    padding-left: 20px;
}

.producto .prod-accordion .accordion-button {
	border-radius: 26px !important;
	color: var(--color-white);   
	text-transform: uppercase;
	font-size: 26px;
	font-weight: 600;
	padding: 10px 0 10px 25px;
}
.producto .prod-accordion .accordion-button::after {
	background-image: none;
	content: "+";
	margin-top: -18px;
	margin-right: 10px;
}
.producto .prod-accordion .accordion-button:not(.collapsed) {
	border-bottom-right-radius: calc(0.25rem - 1px) !important;
    border-bottom-left-radius: calc(0.25rem - 1px) !important;
}
.producto .prod-accordion .accordion-button:not(.collapsed)::after {
	content: "-";
	margin-top: 18px;
	margin-right: 15px;
}

.producto .prod-accordion .accordion-button:focus {
	box-shadow: none;
}
.producto .prod-accordion .accordion-item {
	margin-bottom: 12px;
	border-radius: 30px;
}
.producto .prod-accordion .accordion-item .accordion-body,
.producto .prod-accordion .accordion-item .accordion-body p {
	color: var(--color-primary);
	font-size: 16px;   
	line-height: 20px;   
}

.producto .prod-banner img {
	width: 100%;
}

.producto .prod-caption {
	border-radius: 34px;
	color: var(--color-white);   
	text-transform: uppercase;
	font-size: 26px;
	font-weight: 600;
	padding: 8px 0 8px 28px;
}

.producto .prod-descarga {
	color: var(--color-primary);  
	font-size: 18px; 
	font-weight: 500;	
	cursor: pointer;
}
.producto .prod-descarga .fa {
	margin-right: 3px;	
}
.producto .prod-descarga:hover {
	opacity: 0.8;
}


.producto .prod-prep .prod-prep-tit {
	display: inline-flex;
}
.producto .prod-prep .prod-prep-tit .prod-prep-icon {
	width: 50px;
	height: 50px;
	display: inline-flex;
	border-radius: 100%;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: 55%;
}
.producto .prod-prep .prod-prep-tit .prod-prep-txt {
	font-size: 24px;
	line-height: 24px;
	font-weight: 500;
	display: inline-flex;	       
    justify-content: center;
    align-items: center;
    padding-left: 15px;
}
.producto .prod-step.par {
	margin-left: -15px;
}
.producto .prod-step .prod-step-icon {
	border-radius: 20px;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: 70%;
}
.producto .prod-step .prod-step-icon img {
	width: 100%;
}
.producto .prod-step .prod-step-txt, .producto .prod-step .prod-step-txt p {
	width: 100%;
	text-align: center;
	padding-top: 8px;
	color: var(--color-primary);   
	font-weight: 300;
	font-size: 13px;
	line-height: 14px;
}

.producto .prod-receta {
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    position: relative;
}
.producto .prod-receta img {
	width: 100%;
}
.producto .prod-receta:hover {
	opacity: 0.8;
}
.producto .prod-receta .prod-receta-content {
	position: absolute;    
    color: var(--color-white);
    font-size: 28px;
    line-height: 28px;
    font-weight: 500;
    text-align: center;
    width: 100%;    
    top: 50%;
	transform: translateY(-50%);
}


/* retail
------------------------------------------------------------------------------------------------------  */

.retail .banner {
	padding-bottom: 100px;
}
.retail .banner .banner-img {
	width: 100%;	
}
.retail .banner-content {			
	width: 100%;		
	margin-top: 15%;		
}
.retail .banner-content h1 {	
	font-size: 4.0vw;
	line-height: 4.0vw;
	font-weight: 700;	
	max-width: 600px;	
	margin: 0 auto;
	padding-bottom: 2%;
	color: var(--color-primary);     	
}
.retail .banner-content h3 {	
	font-size: 2.1vw;
	line-height: 2.1vw;	
	max-width: 800px;	
	margin: 0 auto;	
}
.retail .cards-logos {
	margin-top: 80px;
}
.retail .col-lg-4 {
	margin-bottom: 20px;
}


/* horeca
------------------------------------------------------------------------------------------------------  */

.horeca {
	padding-top: 135px;
}
.horeca .back-horeca {	
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url('../img/banner_horeca.jpg');      
}
.horeca h1 {
	text-align: center;
	font-size: 64px;
	line-height: 64px;
	font-weight: 600;
}


/* nosotros
------------------------------------------------------------------------------------------------------  */

.nosotros .banner {	
	color: var(--color-white);   
	padding-top: 50px;  	
	padding-bottom: 50px;
}
.nosotros h1 {	
	font-size: 100px;
	line-height: 90px;
	padding-bottom: 15px;
	font-weight: 600;
	color: var(--color-primary);   	
}
.nosotros p {	
	font-size: 30px;
	line-height: 30px;
	padding-bottom: 15px;
	color: var(--color-primary);  
}
.nosotros .back-mision {
	background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    background-image: url('../img/banner_nos.jpg');      
    text-align: center;  
    padding-top: 60px;
    padding-bottom: 60px;       
}
.nosotros .back-mision p {	
	font-size: 26px;
	line-height: 26px;	
	padding: 10px 65px;
}
.nosotros .back-mision .box {	
	background-color: var(--color-white);  
	border-radius: 50px;
	margin: 20px 60px;
}
.nosotros .back-mision .box h4 {	
	font-size: 40px;
	padding-top: 30px;
	margin-bottom: -10px;
}
.nosotros .back-mision .box p {	
	font-weight: 500;
	padding-bottom: 40px;
}

.nosotros .valores h2 {	
	font-size: 60px;	
	font-weight: 600;
}
.nosotros .valores .valor {	
	margin-top: 15px;	
	margin-bottom: 15px;
}
.nosotros .valores .valor img {	
	max-width: 125px;
}
.nosotros .valores .valor h4 {	
	text-transform: uppercase;
	margin-top: 25px;
	font-size: 30px;
	margin-bottom: -3px;	
}
.nosotros .valores .valor span {	
	line-height: 18px;
	display: block;
	padding: 0 40px;
}


/* contacto
------------------------------------------------------------------------------------------------------  */

.contacto {
	padding-top: 135px;
}
.contacto .back-contacto {	
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url('../img/banner_contacto.jpg');      
}
.contacto .back-contacto img {	
	width: 100%;  
}
.contacto h1 {
	font-size: 64px;
	font-weight: 600;
	margin-bottom: 30px;
}
.contacto img {
	width: 35px;
	margin-right: 15px;	
}
.contacto img.mail {
	width: 42px;	
}
.contacto span {
	font-size: 32px;
	font-weight: 500;	
}
.contacto span a {
	color: var(--color-primary);  
}
.contacto span a:hover {
	opacity: 0.8;
}
.contacto span.dir {
	font-size: 22px;
	line-height: 22px;
	font-weight: 400;	
}
.contacto img.house {
	width: 32px;	
}
.contacto img.fab {
	width: 32px;	
}



/* form
------------------------------------------------------------------------------------------------------  */
 
.form  {
	max-width: 600px;
}
.form .form-group {
	margin-bottom: 0.8rem;  
}
.form .form-control {
	font-size: 1.4rem;
	border: 2px solid var(--color-primary); 
	border-radius: 14px;
}
.form .form-control::placeholder {
  	color: var(--color-grey); 
}
.form .form-group textarea {
	height: 150px;
}
.form .form-check label {
	cursor: pointer;
}
.form .form-check input {
	cursor: pointer;
}
.form .form-check .form-check-input {
	border: 1px solid var(--color-primary); 
}
.form .btn {
	width: 100%;
}
.form .form-control.warning {
	border: 2px solid var(--color-red); 	
}
.form .msg-alerta {
	color: var(--color-red); 
	width: 100%;
	font-size: 1.2rem;
	text-align: center;
	padding-top: 20px;	
}

.horeca .form  {
	max-width: 100%;
	padding: 0 50px;
}
.horeca .form input, .horeca .form textarea  {
	background-color: transparent;
}
.form .form-control::placeholder {
  	color: #444; 
}

.form-modal {
	max-width: 100%;	
}


/* legal
------------------------------------------------------------------------------------------------------  */

.legal {
	padding-top: 135px;
}
.legal h1  {
	font-size: 38px;
	line-height: 38px;	
}
.legal p {
	font-size: 20px;
	line-height: 22px;
}



/* footer
------------------------------------------------------------------------------------------------------  */

footer .footer-main {	
	background-color: var(--color-primary); 
	padding: 30px 0 30px 0;
}
footer .footer-main img {
	width: 50%;
}
footer .footer-main .footer-col {
	display: inline-block;
	vertical-align: top;	
}
footer .footer-main .footer-col img {
	width: 100%;
	margin-top: 15px;
}
footer .footer-main .logo-cor {
	margin-bottom: 25px;
}
footer .footer-logos {	
	background-color: var(--color-white); 
	border-radius: 40px;
	margin: 0;
	padding: 20px 0;
}
footer .footer-logos img {	
	width: 80%;
}
footer .footer-logos .col-border {	
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}
footer .footer-logos .text-start img {	
	margin-left: 25px;
}
footer .footer-bar {	
	background-color: var(--color-primary); 
	color: var(--color-white); 	
	font-size: 14px;	
}
footer .footer-bar .container {		
	padding-bottom: 25px;	
}
footer .footer-bar span {
	margin: 0 5px;
}
footer ul {	
	margin-right: 75px;
}
footer ul.certif {	
	margin-right: 0;
}
footer ul li {	
	color: var(--color-white); 	
}
footer ul li.caption {		
	font-size: 24px;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: 600;
}
footer ul li a {
	color: var(--color-white); 
	font-size: 20px;
	line-height: 20px;
}
footer ul li a:hover {
	opacity: 0.6; 
	color: var(--color-white); 	
}



/* modal
------------------------------------------------------------------------------------------------------  */

.modal .modal-header {
	background-color: var(--color-primary); 	
	color: var(--color-white); 	
}
.modal .modal-header .btn-close {
	color: var(--color-white); 	
	background: none !important;
	font-size: 30px;
	margin-top: -25px;
}
.modal .modal-body {
	color: var(--color-primary); 		
}
.modal .modal-body p {
	font-size: 20px;
	line-height: 22px;	
}


/* cookies
------------------------------------------------------------------------------------------------------  */

.gdpr-cookie-notice-nav-item:hover {
	color: #ddd;
	
}



/* animaciones
------------------------------------------------------------------------------------------------------  */

.anim-zoom {
	transform: scale(0.5);
    transition: transform 1s;
}
.anim-zoom-active {
	transform : scale(1);
}

.anim-move-r {
	margin-left: -800px;
	transition: margin-left 1s;
}
.anim-move-r-active {
	margin-left: 0;		
}

.anim-move-l {
	margin-right: -800px;
	transition: margin-right 1s;
}
/*.back-rosca .anim-move-l {
	margin-right: -800px;
	transition: margin-right 1s;
}*/
.anim-move-l-active {
	margin-right: 0;	
}
.banner-text .anim-move-l {
	margin-right: -2500px;	
	transition: margin-right 1s;
}
.banner-text .anim-move-l-active {
	margin-right: 0;	
}

.anim-move-t {
	margin-top: 200px;
	transition: margin-top 1s;
}
.anim-move-t-active {
	margin-top: 0;	
}

.anim-rotate {
	transition: transform 0.5s ease; 
    transform-origin: center; 
}
.anim-rotate-active, .anim-rotate:hover {
	transform: rotate(180deg);
}

.anim-fade {
	opacity: 0;
	transition: opacity 3s;
}
.anim-fade-active {
	opacity: 1;	
}

.anim-curtain .anim-def {
	margin-top: 880px !important;
	margin-bottom: 300px !important;
	transition: margin-top 1s;
}
.anim-curtain .anim-def.leyenda {
	margin-top: 885px !important;	
}
.anim-curtain .anim-def.anim-curtain-active {
	margin-top: -880px !important;
}
.anim-curtain .anim-def.leyenda.anim-curtain-active {
	margin-top: -880px !important;
}






/* responsive
------------------------------------------------------------------------------------------------------  */

@media (max-width: 1400px) {
	
	.cards-listado .btn-link {
		padding: 10px 120px;
	}	
		
}

@media (max-width: 1384px) {
	
	.cards-marcas .card {
		height: 464px;		
	}
	.anim-curtain .anim-def {
		margin-top: 800px !important;			
	}
	.anim-curtain .anim-def.leyenda {
		margin-top: 805px !important;	
	}
	.anim-curtain .anim-def.anim-curtain-active {
		margin-top: -800px !important;
	}
	.anim-curtain .anim-def.leyenda.anim-curtain-active {
		margin-top: -800px !important;
	}

		
}


@media (max-width: 1280px) {
	
	header .navbar .nav-item {
		margin: 0 15px;
	}		
	
	footer ul {	
		margin-left: 0;
	}
	footer .footer-main img {
		/*width: 70%;*/
	}
	
	.horeca .form  {
		padding: 0;
	}

}

@media (max-width: 1200px) {
	
	.cards-listado .btn-link {
		padding: 10px 150px;
		margin-bottom: 15px;
	}	
	.cards-listado .col-xl-4 {
		text-align: center !important;
	}	
	
}

@media (max-width: 992px) {
	
	.back-rosca {		
	    background-position: top left;
    	background-size: 200%;
	    padding-top: 750px;    
	}	
	.back-rosca .sabores img {
		width: 200px;
	}	
	
	
	header .header-main {
		padding: 5px 0;		
	}	
	header .navbar-toggler img {
		width: 100px;  
	}
	header .navbar-nav .logo {
		display: none !important;
	}	
	
	header .navbar .dropend {
		display: none;	
	}
	
	header .navbar .dropend-resp {
		display: block;	
	}
	
	header .navbar .dropdown-menu {
		border: none;
		margin: 0;		
		padding: 0;
		margin-top: 10px !important;
	}
	header .header-main.flotante .navbar .dropdown-menu {
		margin-top: 10px !important;
	}
	
	.banner {
		margin-top: 80px;
	}	
	
	.producto .prod-step.par {
		margin-left: 0px;
	}
		
}

@media (max-width: 763px) {
	
	.back-minis {		
	    background-size: 150%;
	    background-position: top right;
	    padding-top: 300px;
	}	
	
	.back-rosca {		
	    padding-top: 600px;    
	}
	.back-rosca .sabores img {
		width: auto;
	}	
	
	
	footer .footer-main .text-start {
		text-align: center !important;		
	}	
	footer .footer-main .text-center {
		margin: 30px 0;
	}	
	footer .footer-main .text-end {
		text-align: center !important;	
	}	
	footer .footer-main img {
		width: 40%;
	}
}

@media (max-width: 640px) {
	
	header .header-main .logos img {
		width: 275px;
		margin-top: -15px;
	}	
    header .navbar-toggler .navbar-toggler-icon  {
		margin-right: 50px;
	}
	header .navbar-toggler .logo  {
		margin-left: 50px;
	}
	
	.slider_custom .slide-box h1 {
		font-size: 60px;
		line-height: 62px;
	}
	
	.back-rosca h1 {
		font-size: 62px;
		line-height: 62px;
		text-align: center;
	}
	.back-rosca p {
		font-size: 20px;
		line-height: 24px;
		padding-left: 0;
		text-align: center;
	}
	.back-rosca .text-btn {		
		text-align: center;
	}
	.back-rosca .sabores {
		text-align: center;
	}
	.back-rosca .sabores img {
		width: 90%;
		margin-left: 0;
	}
	
	.back-minis {
		padding-top: 450px;
	}
	.back-minis h1 {
		font-size: 62px;
		line-height: 62px;
		text-align: center;
	}
	.back-minis p {
		font-size: 20px;
		line-height: 24px;
		padding-left: 0;
		text-align: center;
	}
	.back-minis .circulos {
		justify-content: center !important;
	}
	.back-minis .circulo {		
		width: 120px;
		height: 120px;		
		font-size: 22px;
		line-height: 24px;
	}
	.back-minis .text-btn {		
		text-align: center;
	}
	
	.back-rosca {		
	    padding-top: 400px;    
	    background-size: 240%;
	}
	.back-rosca .anim-move-l {
		margin-right: 0px;
		transition: margin-right 0s;
	}
	
	.cards-marcas .card {
		height: 380px;
		width: 350px;
		margin: 0 auto;
	}
	.anim-curtain .anim-def {
		margin-top: 710px !important;			
	}
	.anim-curtain .anim-def.leyenda {
		margin-top: 715px !important;	
	}
	.anim-curtain .anim-def.anim-curtain-active {
		margin-top: -710px !important;
	}
	.anim-curtain .anim-def.leyenda.anim-curtain-active {
		margin-top: -710px !important;
	}
	
	.nosotros .back-mision p {
	    padding: 10px 25px;
	}
	.nosotros .back-mision .box {
	    margin: 20px 20px;
	}
	
	.banner-text {
		padding-bottom: 20px;
		height: 90px;
	}
	.banner-text p {
		font-size: 24px;
		line-height: 24px;
		padding: 0 60px;		
	}
	
	.banner .banner-img {
		height: 170px;
	}
	.banner-content {	    
	    left: 25px;
	    transform: translateY(-30%);	    
	}
	.banner-content img {
		width: 120%;
	}
	
	.retail .banner-content {	    
	    left: 0;
	    transform: translateY(-50%);	    
	}
	.retail .banner-content h1 {	
		font-size: 36px;
		line-height: 36px;
		font-weight: 700;	
		max-width: 300px;	
		padding-top: 100px;		
	}
	.retail .banner-content h3 {	
		font-size: 22px;
		line-height: 22px;	
		max-width: 400px;			
	}
	.retail .logo-img {
		width: 40%;
	}
	
	.horeca {
	    padding-top: 85px;
	}
	.horeca h1 {
		font-size: 54px;
		line-height: 54px;
	}
	
	
	.contacto {
	    padding-top: 85px;
	}
	.contacto h1 {
	    font-size: 54px;
	}
	.contacto img {
		width: 25px;
	}
	.contacto img.mail {
		width: 35px;
	}
	.contacto .info span {
		font-size: 26px;
	}
	
	.cards-listado .card-text {
		font-size: 32px;
		line-height: 32px;
	}
	
	.producto {
	    padding-top: 120px;
	}
	.producto .breadcrumb {    
	    font-size: 20px;
	    line-height: 20px;
	    padding-left: 10px;
	}
	.producto .breadcrumb li {
		padding: 6px 3px 8px 3px;
	}
	.producto .prod-step .prod-step-txt {
		width: 60%;
		margin: 0 auto;
	}
	.producto .prod-step .prod-step-txt p {
		font-size: 18px;
		line-height: 18px;
	}
	.producto .prod-step .prod-step-icon {
		width: 55%;
		margin: 0 auto;
		background-size: 60%;
	}
	
	
	.nosotros h1 {
		font-size: 80px;
		line-height: 70px;
	}
	.nosotros p {
		font-size: 26px;
		line-height: 26px;
	}
	.nosotros .valores h2 {
		font-size: 50px;		
	}
	
	
	/*.col_resp {
		width: 50% !important;
	}*/
	
		
	footer .footer-bar span {
		display: block;
	}
	footer .footer-bar span.sep {
		display: none;
	}
	footer .footer-main .footer-col {
		width: 100%;	
		text-align: center;
	}
	footer .footer-main .footer-col img {
		width: 40%;		
	}
	footer .footer-logos .col-border {	
		border: none;
	}
	footer .footer-logos .text-start img {	
		margin-left: 0;
	}
	footer ul {	
		margin-right: 0;
	}
		
	
			
}