@charset "UTF-8";
/* CSS Document */   

@media (min-width: 339px) and (max-width: 581px){  
/*Menú*/
.navbar {background: #ef8122; 
width:100%;
color:white; 
font-family: 'Montserrat', sans-serif;}



.nav-link{color:white !important; text-decoration: none!important;     font-weight: 600;} 
	
.dropdown-menu{ 
    background-color: #ebe2d3 !important;
    border: none !important;
    box-shadow: none !important;
	color:white !important;}
     
.navbar-brand img{width:180px; height: auto;} 

.navbar-nav{ width:100%;
    background: #ef8122;
    position: fixed;
    right: 0;}

	
.slider{border-right-width: 500px;}	
#before_after img{width: 100%; height: auto;}	 
.twentytwenty-container{height: 240px !important;}
   
	
	/*video*/ 
.videos{height: 690px; width:100%; overflow: hidden; margin:2em auto;}

video{width: auto; height: 350px; display:block; margin: 1em auto;}


.video-youtube{
  height: 0px;
  padding-bottom: 39%;
  position: relative;
} 

.video-youtube iframe{
    position: absolute;
    top: 10px;
    left: 0;
    height: 90%;
    width: 100%;
} 

.youtube-wrapper{
  width: 100%;
  margin: 5em auto 0 auto;
}

.movil{display: none;}

.ordenador{display: block;}


/*slider*/	
.protenias, .nosotros, .ingredientes, .ubicaciones, .sabias, .videos_perros, .resenas{padding:2em 0 0 0;}
	
.titulo{ 
  margin: 0 0 1em 0;  
  color: #ef8122; 
  font-size: 37px; 
  font-weight: bold; 
  margin-bottom: 30px; 
  text-align: center; 
  font-family: 'Montserrat Alternates', sans-serif;  
}

.cambio_color{ 
  color: #6e4087; 
}  
	

/*nosotros*/
.seccion_mision{margin-top: 4em !important;}
.descrip-nosotros{padding: 0 2em;}
.seccion_mision p{
    padding: 0 1em;
    margin: 0 0 3em 0;
	text-align: center;}

.word_naranja{  color: #ef8122;   }

.seccion_mision b{text-align: center; display: block;
  color: #ef8122; 
	font-size: 24px;
	margin-bottom: .5em;}
 
	
.nosotros svg{
    font-size: 70px;
    color: #ef8122;
    position: relative;
    display: block;
    margin: 0 auto;
}

.seccion_mision img{width: 180px; 
	height: 180px;
	border-radius: 50%;
    position: relative;
    display: block;
    margin: 0 auto;}

/*ingredientes*/
.ingredientes{
	background: #ef8122; }

    .slide img {
        width: 140px;
        border-radius: 50%;
        padding: .5em;
        margin: 0 1em;}	
	
.slider2 {
    overflow: hidden;
    position: relative;
}

.slide-track {
    display: flex;
    animation: slides 60s linear infinite;
    /* Puedes agregar transformaciones o transiciones aquí */
}
	
@keyframes slides {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%); /* Ajusta el valor según la cantidad de slides */
    }
}


.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
} 

.titulo2{ 
  margin: 0 0 1em 0;  
  color: white; 
  font-size: 37px; 
  font-weight: bold; 
  margin-bottom: 30px; 
  text-align: center; 
  font-family: 'Montserrat Alternates', sans-serif;  
}

.cambio_color2{ 
  color: #d2d2d2; 
}  
	

/*ubicaciones*/  
 
.mapa{width: 95%; height: auto; 
    position: relative; 
    margin: 0 auto 2em auto; 
    display: block;

} 	 
.seccion_ubica{padding: 2em 2em; }	
.ubicaciones b{ padding: 0 1em;
	font-weight: 700;
	align-content: center;
    font-size: 20px;}
.bloc img{width: 40px; height: auto;} 
.pin_ubi{display: flex;
        margin: 1em 0;}

.bloc{padding:0 3em;}
	
	
/*videos*/ 
.videos_perros{
	background: url("../img/fondo.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;}

.seccion_videos{padding: 1em 3em;}	
	
/*sabias que*/ 
.titulo3{ 
  margin: 0 0 1em 0;  
  color: #ef8122; 
  font-size: 37px; 
  font-weight: bold; 
  margin-bottom: 30px; 
  text-align: center; 
  font-family: 'Montserrat Alternates', sans-serif;  
}

.cambio_color3{ 
  color: #9f9f9f; 
}  
.beneficios{background: #f3f4f9;
	padding:2em 3em;
        height: 100%;}	
	
.beneficios img{display:block;
	height: 180px; width: auto;
	margin: 0 auto;}	
.seccion_sabias{padding:0 1em;}
	
.titulo4{
  color:#ef8122; 
  font-size: 20px; 
  font-weight: bold;    
  font-family: 'Montserrat Alternates', sans-serif; 
	}
.text-titulo4{
  color: black; 
  font-size: 18px;  
  font-weight: 500;
  font-family: 'Montserrat Alternates', sans-serif; 
	}
.text-titulo5{
  color: black; 
  font-size: 16px;  
  font-weight: 500;
  font-family: 'Montserrat Alternates', sans-serif; 
  padding-left: 1em;
	}
	
.beneficios_bajo{
        background: white;
        box-shadow: 0px 0px 11px rgba(97, 97, 97, 0.66);
        padding: 1em 2em;
        height: 50%;
	margin-top:2em;
        align-content: center;
    }
.beneficios_bajo2{
        background: white;
        box-shadow: 0px 0px 11px rgba(97, 97, 97, 0.66);
        padding: 1em 2em;
        height: 50%;
	margin-top:6em;
        align-content: center;
    }	
.beneficios_bajo img{width: 150px; height: auto; display: block; margin: 0 auto;}
.beneficios_bajo2 img{width: 150px; height: auto; display: block; margin: 0 auto;}
.text-titulo6{
  color: black; 
  font-size: 15px;  
  font-weight: 500;
  text-align: justify !important;
  font-family: 'Montserrat Alternates', sans-serif;  
	}
.text-titulo7{
  color:#ef8122; 
  font-size: 15px;  
  font-weight: bold;
  text-align: justify !important;
  font-family: 'Montserrat Alternates', sans-serif;  
	}
	
/*reseñas*/
.resenas, .ingredientes, .ubicaciones, .videos_perros, .nosotros{padding-bottom: 3em;}
.sabias{padding-bottom: 6em;}
.resenas{padding-left: 3em; padding-right: 3em;
        margin-top: 4em;}
	
/*whatsapp*/	
.whats img{width: 50%; height: auto; 
		position: fixed; bottom: 3em; right: .5em; 
	transform: scale(1);
	z-index: 100; }

	/*redes sociales*/
.share-btn-wrap {
position: fixed;
bottom: 3em;
left: 15px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate( 180deg );
transform: rotate( 180deg );
z-index: 100;}

.share-btn-wrap .item-btn { height: 128px;
font-size: 15px;
font-weight: 500;
color: #444;
letter-spacing: 2px;
background-color: #fff;
border-radius: 25px;
padding: 22px 5px 5px;
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
display: block;}

.share-btn-wrap .item-btn span {
display: inline-block;
padding-top: .4em;
font-size: 28px;
height: 40px;
width: 40px;
line-height: 40px;
background-color: #eee;
border-radius: 50%;}
  
.share-icon{ 
position: fixed;
top: 8em!important;
left: -1em;
margin: 0px !important;
display: flex;
transform: rotate(180deg) !important; 
background:transparent !important; 
border:none !important;}
 
.share-icon li {
list-style: none;}

.share-icon li a {
position: relative;
width:60px;
height:60px;
display:block;
text-align:center;
margin:0 10px;
border-radius: 50%;
padding: 6px;
box-sizing: border-box;
text-decoration:none; 
background: linear-gradient(0deg, #ddd, #fff);
transition: .5s;}

.share-icon li a:hover { 
text-decoration:none;}

.circle {
widht: 100%;
height:100%;
display:block;
background: linear-gradient(0deg, #fff, #ddd);
border-radius: 50%;
line-height: calc(60px - 12px); 
transition: .5s;}
	

.share-icon svg{
    fill: black;
    height: 1.5em;
    width: 1.5em;
    position: relative;
    right: 0.2em;
transition: .5s;
	}
 
.share-icon li:nth-child(1) svg:hover {
	fill: #ef8122;}

.share-icon li:nth-child(2) svg:hover {
fill: #ef8122;}

.share-icon li:nth-child(3) svg:hover {
fill: #ef8122;} 
	
	
/*footer*/
.footer{background: #262626;
    position: relative;
	padding: 1em;
    bottom: 0;
	z-index: 0;
    width: 100%;}

.footer a{  color: white;}	
.footer a:hover{ color: #C3C3C3;}
.first p{margin:0;}

.rss{display:flex;}

.lista-rss{
    margin: 0 auto;}
	
.first{ display: flex; 
    align-items: center;}

.aviso{ display: block; margin: 0; 
    align-self: center;
text-align: right;}
	
.centrar{display: flex; align-items: left;
        justify-content: center;}
.centrar2{display: block; align-items: center; text-align: center;}
 
	
/*cookies*/  
#cookies { 
    width: 530px;
    height: 150px;
    padding: 20px;
    position: fixed;
    background: white;
    text-align: justify;
    font-size: 10px;
    bottom: 2%;
    left: 6%;
    box-shadow: 2px 2px 2px 2px rgb(86 86 86 / 62%);
    z-index: 0;}

#cookies p {
margin: 0 0 10px 0; 
    font-size: 12px;}

#cookies b { 
color:#ef8122;}

.btn-aceptar{ 
background:#ef8122; 
color:white;
border: none;
width: 75px;
height: 25px;}

#cookies.display {
  display: block;


  /* Cross browser animation */
  -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: cookies 1s 1; /* Firefox 5-15 */
      -ms-animation: cookies 1s 1; /* IE9 */
       -o-animation: cookies 1s 1; /* Opera 12.00 */
          animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */}

@keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

@-webkit-keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
	}
}

@-moz-keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

@-o-keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}


.close-cookies {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  
  -webkit-transform: translate3d(0,200px,0); /* Safari & Chrome */
     -moz-transform: translate3d(0,200px,0); /* Firefox */
      -ms-transform: translate3d(0,200px,0); /* IE9 */
       -o-transform: translate3d(0,200px,0); /* Opera */
          transform: translate3d(0,200px,0);
}
	
	
 
/*aviso de privacidad*/	
.terminos-condiciones{padding: 6em 3em; margin-top: 2em;}
.terminos-condiciones p{text-align: justify;}
	}

@media (min-width: 582px) and (max-width:768px) {  
/*Menú*/
.navbar {background: #ef8122; 
width:100%;
color:white; 
font-family: 'Montserrat', sans-serif;}



.nav-link{color:white !important; text-decoration: none!important;     font-weight: 600;} 
	
.dropdown-menu{ 
    background-color: #ebe2d3 !important;
    border: none !important;
    box-shadow: none !important;
	color:white !important;}
     
.navbar-brand img{width:200px; height: auto;} 

.navbar-nav{ width:100%;
    background: #ef8122;
    position: fixed;
    right: 0;}

	
.slider{border-right-width: 500px;}	
#before_after img{width: 100%; height: auto;}	 
.twentytwenty-container{height: 313px !important;}
   
	
	/*video*/ 
.videos{height: 690px; width:100%; overflow: hidden; margin:2em auto;}

video{width: auto; height: 550px; display:block; margin: 1em auto;}


.video-youtube{
  height: 0px;
  padding-bottom: 39%;
  position: relative;
} 

.video-youtube iframe{
    position: absolute;
    top: 10px;
    left: 0;
    height: 90%;
    width: 100%;
} 

.youtube-wrapper{
  width: 100%;
  margin: 5em auto 0 auto;
}

.movil{display: none;}

.ordenador{display: block;}


/*slider*/	
.protenias, .nosotros, .ingredientes, .ubicaciones, .sabias, .videos_perros, .resenas{padding:2em 0 0 0;}
	
.titulo{ 
  margin: 0 0 1em 0;  
  color: #ef8122; 
  font-size: 37px; 
  font-weight: bold; 
  margin-bottom: 30px; 
  text-align: center; 
  font-family: 'Montserrat Alternates', sans-serif;  
}

.cambio_color{ 
  color: #6e4087; 
}  
	

/*nosotros*/
.seccion_mision{margin-top: 4em !important;}
.descrip-nosotros{padding: 0 2em;}
.seccion_mision p{
    padding: 0 1em;
    margin: 0 0 3em 0;
	text-align: center;}

.word_naranja{  color: #ef8122;   }

.seccion_mision b{text-align: center; display: block;
  color: #ef8122; 
	font-size: 24px;
	margin-bottom: .5em;}
 
	
.nosotros svg{
    font-size: 70px;
    color: #ef8122;
    position: relative;
    display: block;
    margin: 0 auto;
}

.seccion_mision img{width: 180px; 
	height: 180px;
	border-radius: 50%;
    position: relative;
    display: block;
    margin: 0 auto;}

/*ingredientes*/
.ingredientes{
	background: #ef8122; }

    .slide img {
        width: 170px;
        border-radius: 50%;
        padding: .5em;
        margin: 0 1em;}	
	
.slider2 {
    overflow: hidden;
    position: relative;
}

.slide-track {
    display: flex;
    animation: slides 60s linear infinite;
    /* Puedes agregar transformaciones o transiciones aquí */
}
	
@keyframes slides {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%); /* Ajusta el valor según la cantidad de slides */
    }
}


.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
} 

.titulo2{ 
  margin: 0 0 1em 0;  
  color: white; 
  font-size: 37px; 
  font-weight: bold; 
  margin-bottom: 30px; 
  text-align: center; 
  font-family: 'Montserrat Alternates', sans-serif;  
}

.cambio_color2{ 
  color: #d2d2d2; 
}  
	

/*ubicaciones*/  
 
.mapa{width: 90%; height: auto; 
    position: relative; 
    margin: 0 auto 2em auto; 
    display: block;

} 	 
.seccion_ubica{padding: 2em 2em; }	
.ubicaciones b{ padding: 0 1em;
	font-weight: 700;
	align-content: center;
    font-size: 20px;}
.bloc img{width: 40px; height: auto;} 
.pin_ubi{display: flex;
        margin: 1em 0;}

.bloc{padding:0 3em;}
	
	
/*videos*/ 
.videos_perros{
	background: url("../img/fondo.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;}

.seccion_videos{padding: 1em 3em;}	
	
/*sabias que*/ 
.titulo3{ 
  margin: 0 0 1em 0;  
  color: #ef8122; 
  font-size: 37px; 
  font-weight: bold; 
  margin-bottom: 30px; 
  text-align: center; 
  font-family: 'Montserrat Alternates', sans-serif;  
}

.cambio_color3{ 
  color: #9f9f9f; 
}  
.beneficios{background: #f3f4f9;
	padding:2em 4em;
        height: 100%;}	
	
.beneficios img{display:block;
	height: 250px; width: auto;
	margin: 0 auto;}	
.seccion_sabias{padding:0 3em;}
	
.titulo4{
  color:#ef8122; 
  font-size: 20px; 
  font-weight: bold;    
  font-family: 'Montserrat Alternates', sans-serif; 
	}
.text-titulo4{
  color: black; 
  font-size: 18px;  
  font-weight: 500;
  font-family: 'Montserrat Alternates', sans-serif; 
	}
.text-titulo5{
  color: black; 
  font-size: 16px;  
  font-weight: 500;
  font-family: 'Montserrat Alternates', sans-serif; 
  padding-left: 1em;
	}
	
.beneficios_bajo{
        background: white;
        box-shadow: 0px 0px 11px rgba(97, 97, 97, 0.66);
        padding: 1em 2em;
        height: 50%;
	margin-top:2em;
        align-content: center;
    }
.beneficios_bajo2{
        background: white;
        box-shadow: 0px 0px 11px rgba(97, 97, 97, 0.66);
        padding: 1em 2em;
        height: 50%;
	margin-top:6em;
        align-content: center;
    }	
.beneficios_bajo img{width: 150px; height: auto; display: block; margin: 0 auto;}
.beneficios_bajo2 img{width: 150px; height: auto; display: block; margin: 0 auto;}
.text-titulo6{
  color: black; 
  font-size: 12px;  
  font-weight: 500;
  text-align: justify !important;
  font-family: 'Montserrat Alternates', sans-serif;  
	}
.text-titulo7{
  color:#ef8122; 
  font-size: 12px;  
  font-weight: bold;
  text-align: justify !important;
  font-family: 'Montserrat Alternates', sans-serif;  
	}
	
/*reseñas*/
.resenas, .ingredientes, .ubicaciones, .videos_perros, .nosotros{padding-bottom: 3em;}
.sabias{padding-bottom: 6em;}
.resenas{padding-left: 3em; padding-right: 3em;
        margin-top: 4em;}
	
/*whatsapp*/	
.whats img{width: 45%; height: auto; 
		position: fixed; bottom: 2em; right: 1em; 
	transform: scale(1);
	z-index: 100; }

	/*redes sociales*/
.share-btn-wrap {
position: fixed;
bottom: 40px;
left: 40px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate( 180deg );
transform: rotate( 180deg );
z-index: 100;}

.share-btn-wrap .item-btn { height: 128px;
font-size: 15px;
font-weight: 500;
color: #444;
letter-spacing: 2px;
background-color: #fff;
border-radius: 25px;
padding: 22px 5px 5px;
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
display: block;}

.share-btn-wrap .item-btn span {
display: inline-block;
padding-top: .4em;
font-size: 28px;
height: 40px;
width: 40px;
line-height: 40px;
background-color: #eee;
border-radius: 50%;}
  
.share-icon{ 
position: fixed;
top: 8em!important;
left: -1em;
margin: 0px !important;
display: flex;
transform: rotate(180deg) !important; 
background:transparent !important; 
border:none !important;}
 
.share-icon li {
list-style: none;}

.share-icon li a {
position: relative;
width:60px;
height:60px;
display:block;
text-align:center;
margin:0 10px;
border-radius: 50%;
padding: 6px;
box-sizing: border-box;
text-decoration:none; 
background: linear-gradient(0deg, #ddd, #fff);
transition: .5s;}

.share-icon li a:hover { 
text-decoration:none;}

.circle {
widht: 100%;
height:100%;
display:block;
background: linear-gradient(0deg, #fff, #ddd);
border-radius: 50%;
line-height: calc(60px - 12px); 
transition: .5s;}
	

.share-icon svg{
    fill: black;
    height: 1.5em;
    width: 1.5em;
    position: relative;
    right: 0.2em;
transition: .5s;
	}
 
.share-icon li:nth-child(1) svg:hover {
	fill: #ef8122;}

.share-icon li:nth-child(2) svg:hover {
fill: #ef8122;}

.share-icon li:nth-child(3) svg:hover {
fill: #ef8122;} 
	
	
/*footer*/
.footer{background: #262626;
    position: relative;
    bottom: 0;
	z-index: 0;
    width: 100%;}

.footer a{  color: white;}	
.footer a:hover{ color: #C3C3C3;}
.first p{margin:0;}

.rss{display:flex;}

.lista-rss{
    margin: 0 auto;}
	
.first{ display: flex; 
    align-items: center;}

.aviso{ display: block; margin: 0; 
    align-self: center;
text-align: right;}
	
.centrar{display: flex; align-items: left;}
.centrar2{display: block; align-items: center; text-align: right;}
 
	
/*cookies*/  
#cookies { 
    width: 530px;
    height: 150px;
    padding: 20px;
    position: fixed;
    background: white;
    text-align: justify;
    font-size: 10px;
    bottom: 2%;
    left: 6%;
    box-shadow: 2px 2px 2px 2px rgb(86 86 86 / 62%);
    z-index: 0;}

#cookies p {
margin: 0 0 10px 0; 
    font-size: 12px;}

#cookies b { 
color:#ef8122;}

.btn-aceptar{ 
background:#ef8122; 
color:white;
border: none;
width: 75px;
height: 25px;}

#cookies.display {
  display: block;


  /* Cross browser animation */
  -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: cookies 1s 1; /* Firefox 5-15 */
      -ms-animation: cookies 1s 1; /* IE9 */
       -o-animation: cookies 1s 1; /* Opera 12.00 */
          animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */}

@keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

@-webkit-keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
	}
}

@-moz-keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

@-o-keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}


.close-cookies {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  
  -webkit-transform: translate3d(0,200px,0); /* Safari & Chrome */
     -moz-transform: translate3d(0,200px,0); /* Firefox */
      -ms-transform: translate3d(0,200px,0); /* IE9 */
       -o-transform: translate3d(0,200px,0); /* Opera */
          transform: translate3d(0,200px,0);
}
	
	
 
/*aviso de privacidad*/	
.terminos-condiciones{padding: 8em 4em; margin-top: 2em;}
.terminos-condiciones p{text-align: justify;}
	}

@media (min-width: 769px) and (max-width:991px) {  
/*Menú*/
.navbar {background: #ef8122; 
width:100%;
color:white; 
font-family: 'Montserrat', sans-serif;}



.nav-link{color:white !important; text-decoration: none!important;     font-weight: 600;} 
	
.dropdown-menu{ 
    background-color: #ebe2d3 !important;
    border: none !important;
    box-shadow: none !important;
	color:white !important;}
     
.navbar-brand img{width:240px; height: auto;} 

.navbar-nav{ width:100%;
    background: #ef8122;
    position: fixed;
    right: 0;}

	
.slider{border-right-width: 500px;}	
#before_after img{width: 100%; height: auto;}	 
.twentytwenty-container{height: 420px !important;}
   
	
	/*video*/

.videos{height: 690px; width:100%; overflow: hidden; margin:2em auto;}

video{width: auto; height: 350px; display:block; margin: 0 auto;}


.video-youtube{
  height: 0px;
  padding-bottom: 39%;
  position: relative;
} 

.video-youtube iframe{
    position: absolute;
    top: 10px;
    left: 0;
    height: 90%;
    width: 100%;
} 

.youtube-wrapper{
  width: 100%;
  margin: 5em auto 0 auto;
}

.movil{display: none;}

.ordenador{display: block;}


/*slider*/	
.protenias, .nosotros, .ingredientes, .ubicaciones, .sabias, .videos_perros, .resenas{padding:6em 0 0 0;}
	
.titulo{ 
  margin: 0 0 1em 0;  
  color: #ef8122; 
  font-size: 37px; 
  font-weight: bold; 
  margin-bottom: 30px; 
  text-align: center; 
  font-family: 'Montserrat Alternates', sans-serif;  
}

.cambio_color{ 
  color: #6e4087; 
}  
	

/*nosotros*/
.seccion_mision{margin-top: 4em !important;}

.seccion_mision p{
    padding: 0 1em;
    margin: 0 0 3em 0;
	text-align: center;}

.word_naranja{  color: #ef8122;   }

.seccion_mision b{text-align: center; display: block;
  color: #ef8122; 
	font-size: 24px;
	margin-bottom: .5em;}
 
	
.nosotros svg{
    font-size: 70px;
    color: #ef8122;
    position: relative;
    display: block;
    margin: 0 auto;
}

.seccion_mision img{width: 180px; 
	height: 180px;
	border-radius: 50%;
    position: relative;
    display: block;
    margin: 0 auto;}

/*ingredientes*/
.ingredientes{
	background: #ef8122; }

    .slide img {
        width: 170px;
        border-radius: 50%;
        padding: .5em;
        margin: 0 1em;}	
	
.slider2 {
    overflow: hidden;
    position: relative;
}

.slide-track {
    display: flex;
    animation: slides 60s linear infinite;
    /* Puedes agregar transformaciones o transiciones aquí */
}
	
@keyframes slides {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%); /* Ajusta el valor según la cantidad de slides */
    }
}


.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
} 

.titulo2{ 
  margin: 0 0 1em 0;  
  color: white; 
  font-size: 37px; 
  font-weight: bold; 
  margin-bottom: 30px; 
  text-align: center; 
  font-family: 'Montserrat Alternates', sans-serif;  
}

.cambio_color2{ 
  color: #d2d2d2; 
}  
	

/*ubicaciones*/  
 
.mapa{width: 80%; height: auto; 
    position: relative; 
    margin: 0 auto 2em auto; 
    display: block;

} 	 
.seccion_ubica{padding: 2em 3em; }	
.ubicaciones b{ padding: 0 1em;
	font-weight: 700;
	align-content: center;
    font-size: 16px;}
.bloc img{width: 40px; height: auto;} 
.pin_ubi{display: flex;}

.bloc{padding:0 3em;}
	
	
/*videos*/ 
.videos_perros{
	background: url("../img/fondo.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;}

.seccion_videos{padding: 2em 3em;}	
	
/*sabias que*/ 
.titulo3{ 
  margin: 0 0 1em 0;  
  color: #ef8122; 
  font-size: 37px; 
  font-weight: bold; 
  margin-bottom: 30px; 
  text-align: center; 
  font-family: 'Montserrat Alternates', sans-serif;  
}

.cambio_color3{ 
  color: #9f9f9f; 
}  
.beneficios{background: #f3f4f9;
	padding:2em 4em;
        height: 100%;}	
	
.beneficios img{display:block;
	height: 250px; width: auto;
	margin: 0 auto;}	
.seccion_sabias{padding:0 3em;}
	
.titulo4{
  color:#ef8122; 
  font-size: 20px; 
  font-weight: bold;    
  font-family: 'Montserrat Alternates', sans-serif; 
	}
.text-titulo4{
  color: black; 
  font-size: 18px;  
  font-weight: 500;
  font-family: 'Montserrat Alternates', sans-serif; 
	}
.text-titulo5{
  color: black; 
  font-size: 16px;  
  font-weight: 500;
  font-family: 'Montserrat Alternates', sans-serif; 
  padding-left: 1em;
	}
	
.beneficios_bajo{
        background: white;
        box-shadow: 0px 0px 11px rgba(97, 97, 97, 0.66);
        padding: 1em 2em;
        height: 50%;
	margin-top:2em;
        align-content: center;
    }
.beneficios_bajo2{
        background: white;
        box-shadow: 0px 0px 11px rgba(97, 97, 97, 0.66);
        padding: 1em 2em;
        height: 50%;
	margin-top:2em;
        align-content: center;
    }	
.beneficios_bajo img{width: 150px; height: auto; display: block; margin: 0 auto;}
.beneficios_bajo2 img{width: 150px; height: auto; display: block; margin: 0 auto;}
.text-titulo6{
  color: black; 
  font-size: 12px;  
  font-weight: 500;
  text-align: justify !important;
  font-family: 'Montserrat Alternates', sans-serif;  
	}
.text-titulo7{
  color:#ef8122; 
  font-size: 12px;  
  font-weight: bold;
  text-align: justify !important;
  font-family: 'Montserrat Alternates', sans-serif;  
	}
	
/*reseñas*/
.resenas, .ingredientes, .ubicaciones, .videos_perros, .nosotros{padding-bottom: 6em;}
.resenas{padding-left: 3em; padding-right: 3em;
        margin-top: 4em;}
	
/*whatsapp*/	
.whats img{width: 25%; height: auto; 
		position: fixed; bottom: 2em; right: 1em; 
	transform: scale(1);
	z-index: 100; }

	/*redes sociales*/
.share-btn-wrap {
position: fixed;
bottom: 40px;
left: 40px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate( 180deg );
transform: rotate( 180deg );
z-index: 100;}

.share-btn-wrap .item-btn { height: 128px;
font-size: 15px;
font-weight: 500;
color: #444;
letter-spacing: 2px;
background-color: #fff;
border-radius: 25px;
padding: 22px 5px 5px;
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
display: block;}

.share-btn-wrap .item-btn span {
display: inline-block;
padding-top: .4em;
font-size: 28px;
height: 40px;
width: 40px;
line-height: 40px;
background-color: #eee;
border-radius: 50%;}
  
.share-icon{ 
position: fixed;
top: 8em!important;
left: -1em;
margin: 0px !important;
display: flex;
transform: rotate(180deg) !important; 
background:transparent !important; 
border:none !important;}
 
.share-icon li {
list-style: none;}

.share-icon li a {
position: relative;
width:60px;
height:60px;
display:block;
text-align:center;
margin:0 10px;
border-radius: 50%;
padding: 6px;
box-sizing: border-box;
text-decoration:none; 
background: linear-gradient(0deg, #ddd, #fff);
transition: .5s;}

.share-icon li a:hover { 
text-decoration:none;}

.circle {
widht: 100%;
height:100%;
display:block;
background: linear-gradient(0deg, #fff, #ddd);
border-radius: 50%;
line-height: calc(60px - 12px); 
transition: .5s;}
	

.share-icon svg{
    fill: black;
    height: 1.5em;
    width: 1.5em;
    position: relative;
    right: 0.2em;
transition: .5s;
	}
 
.share-icon li:nth-child(1) svg:hover {
	fill: #ef8122;}

.share-icon li:nth-child(2) svg:hover {
fill: #ef8122;}

.share-icon li:nth-child(3) svg:hover {
fill: #ef8122;} 
	
	
/*footer*/
.footer{background: #262626;
    position: relative;
    bottom: 0;
	z-index: 0;
    width: 100%;}

.footer a{  color: white;}	
.footer a:hover{ color: #C3C3C3;}
.first p{margin:0;}

.rss{display:flex;}

.lista-rss{
    margin: 0 auto;}
	
.first{ display: flex; 
    align-items: center;}

.aviso{ display: block; margin: 0; 
    align-self: center;
text-align: right;}
	
.centrar{display: flex; align-items: left;}
.centrar2{display: block; align-items: center; text-align: right;}
 
	
/*cookies*/  
#cookies { 
    width: 530px;
    height: 150px;
    padding: 20px;
    position: fixed;
    background: white;
    text-align: justify;
    font-size: 10px;
    bottom: 2%;
    left: 6%;
    box-shadow: 2px 2px 2px 2px rgb(86 86 86 / 62%);
    z-index: 0;}

#cookies p {
margin: 0 0 10px 0; 
    font-size: 12px;}

#cookies b { 
color:#ef8122;}

.btn-aceptar{ 
background:#ef8122; 
color:white;
border: none;
width: 75px;
height: 25px;}

#cookies.display {
  display: block;


  /* Cross browser animation */
  -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: cookies 1s 1; /* Firefox 5-15 */
      -ms-animation: cookies 1s 1; /* IE9 */
       -o-animation: cookies 1s 1; /* Opera 12.00 */
          animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */}

@keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

@-webkit-keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
	}
}

@-moz-keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

@-o-keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}


.close-cookies {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  
  -webkit-transform: translate3d(0,200px,0); /* Safari & Chrome */
     -moz-transform: translate3d(0,200px,0); /* Firefox */
      -ms-transform: translate3d(0,200px,0); /* IE9 */
       -o-transform: translate3d(0,200px,0); /* Opera */
          transform: translate3d(0,200px,0);
}
	
	
 
/*aviso de privacidad*/	
.terminos-condiciones{padding: 8em 5em; margin-top: 2em;}
.terminos-condiciones p{text-align: justify;}
	}

@media (min-width: 992px) and (max-width:1101px) {  
/*Menú*/
.navbar {background: #ef8122; 
width:100%;
color:white; 
font-family: 'Montserrat', sans-serif;}



.nav-link{color:white !important; text-decoration: none!important;     font-weight: 600;} 
	
.dropdown-menu{ 
    background-color: #ebe2d3 !important;
    border: none !important;
    box-shadow: none !important;
	color:white !important;}
     
.navbar-brand img{width:200px; height: auto;} 

.navbar-nav{
    position: absolute;
    right: 1em;}

	
.slider{border-right-width: 500px;}	
#before_after img{width: 100%; height: auto;}	 
.twentytwenty-container{height: 540px !important;}
   
	
	/*video*/

.videos{height: 690px; width:100%; overflow: hidden; margin:2em auto;}

video{width: auto; height: 480px; display:block; margin: 0 auto;}


.video-youtube{
  height: 0px;
  padding-bottom: 39%;
  position: relative;
} 

.video-youtube iframe{
    position: absolute;
    top: 10px;
    left: 0;
    height: 90%;
    width: 100%;
} 

.youtube-wrapper{
  width: 100%;
  margin: 5em auto 0 auto;
}

.movil{display: none;}

.ordenador{display: block;}


/*slider*/	
.protenias, .nosotros, .ingredientes, .ubicaciones, .sabias, .videos_perros, .resenas{padding:6em 0 0 0;}
	
.titulo{ 
  margin: 0 0 1em 0;  
  color: #ef8122; 
  font-size: 37px; 
  font-weight: bold; 
  margin-bottom: 30px; 
  text-align: center; 
  font-family: 'Montserrat Alternates', sans-serif;  
}

.cambio_color{ 
  color: #6e4087; 
}  
	

/*nosotros*/
.seccion_mision{margin-top: 4em;}

.seccion_mision p{
    padding: 0 2em;
    margin: 0 0 3em 0;
	text-align: center;}

.word_naranja{  color: #ef8122;   }

.seccion_mision b{text-align: center; display: block;
  color: #ef8122; 
	font-size: 24px;
	margin-bottom: .5em;}
 
	
.nosotros svg{
    font-size: 70px;
    color: #ef8122;
    position: relative;
    display: block;
    margin: 0 auto;
}

.seccion_mision img{width: 180px; 
	height: 180px;
	border-radius: 50%;
    position: relative;
    display: block;
    margin: 0 auto;}

/*ingredientes*/
.ingredientes{
	background: #ef8122; }

    .slide img {
        width: 170px;
        border-radius: 50%;
        padding: .5em;
        margin: 0 1em;}	
	
.slider2 {
    overflow: hidden;
    position: relative;
}

.slide-track {
    display: flex;
    animation: slides 60s linear infinite;
    /* Puedes agregar transformaciones o transiciones aquí */
}
	
@keyframes slides {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%); /* Ajusta el valor según la cantidad de slides */
    }
}


.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
} 

.titulo2{ 
  margin: 0 0 1em 0;  
  color: white; 
  font-size: 37px; 
  font-weight: bold; 
  margin-bottom: 30px; 
  text-align: center; 
  font-family: 'Montserrat Alternates', sans-serif;  
}

.cambio_color2{ 
  color: #d2d2d2; 
}  
	

/*ubicaciones*/  
 
.mapa{width: 60%; height: auto; 
    position: relative; 
    margin: 0 auto 2em auto; 
    display: block;

} 	 
.seccion_ubica{padding: 2em 6em; }	
.ubicaciones b{ padding: 0 1em;
	font-weight: 700;
	align-content: center;
    font-size: 18px;}
.bloc img{width: 40px; height: auto;} 
.pin_ubi{display: flex;}

.bloc{padding:0 3em;}
	
	
/*videos*/ 
.videos_perros{
	background: url("../img/fondo.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;}

.seccion_videos{padding: 2em 3em;}	
	
/*sabias que*/ 
.titulo3{ 
  margin: 0 0 1em 0;  
  color: #ef8122; 
  font-size: 37px; 
  font-weight: bold; 
  margin-bottom: 30px; 
  text-align: center; 
  font-family: 'Montserrat Alternates', sans-serif;  
}

.cambio_color3{ 
  color: #9f9f9f; 
}  
.beneficios{background: #f3f4f9;
	padding:2em 4em;
        height: 100%;}	
	
.beneficios img{display:block;
	height: 250px; width: auto;
	margin: 0 auto;}	
.seccion_sabias{padding:0 3em;}
	
.titulo4{
  color:#ef8122; 
  font-size: 20px; 
  font-weight: bold;    
  font-family: 'Montserrat Alternates', sans-serif; 
	}
.text-titulo4{
  color: black; 
  font-size: 18px;  
  font-weight: 500;
  font-family: 'Montserrat Alternates', sans-serif; 
	}
.text-titulo5{
  color: black; 
  font-size: 16px;  
  font-weight: 500;
  font-family: 'Montserrat Alternates', sans-serif; 
  padding-left: 1em;
	}
	
.beneficios_bajo{
        background: white;
        box-shadow: 0px 0px 11px rgba(97, 97, 97, 0.66);
        padding: 1em 2em;
        height: 48%;
        align-content: center;
    }
.beneficios_bajo2{
        background: white;
        box-shadow: 0px 0px 11px rgba(97, 97, 97, 0.66);
        padding: 1em 2em;
        height: 48%;
        align-content: center;
    }	
.beneficios_bajo img{width: 150px; height: auto; display: block; margin: 0 auto;}
.beneficios_bajo2 img{width: 150px; height: auto; display: block; margin: 0 auto;}
.text-titulo6{
  color: black; 
  font-size: 12px;  
  font-weight: 500;
  text-align: justify !important;
  font-family: 'Montserrat Alternates', sans-serif;  
	}
.text-titulo7{
  color:#ef8122; 
  font-size: 12px;  
  font-weight: bold;
  text-align: justify !important;
  font-family: 'Montserrat Alternates', sans-serif;  
	}
	
/*reseñas*/
.resenas, .ingredientes, .ubicaciones, .videos_perros, .nosotros{padding-bottom: 6em;}
.resenas{padding-left: 3em; padding-right: 3em;}
	
/*whatsapp*/	
.whats img{width: 25%; height: auto; 
		position: fixed; bottom: 2em; right: 1em; 
	transform: scale(1);
	z-index: 100; }

	/*redes sociales*/
.share-btn-wrap {
position: fixed;
bottom: 40px;
left: 40px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate( 180deg );
transform: rotate( 180deg );
z-index: 100;}

.share-btn-wrap .item-btn { height: 128px;
font-size: 15px;
font-weight: 500;
color: #444;
letter-spacing: 2px;
background-color: #fff;
border-radius: 25px;
padding: 22px 5px 5px;
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
display: block;}

.share-btn-wrap .item-btn span {
display: inline-block;
padding-top: .4em;
font-size: 28px;
height: 40px;
width: 40px;
line-height: 40px;
background-color: #eee;
border-radius: 50%;}
  
.share-icon{ 
position: fixed;
top: 8em!important;
left: -1em;
margin: 0px !important;
display: flex;
transform: rotate(180deg) !important; 
background:transparent !important; 
border:none !important;}
 
.share-icon li {
list-style: none;}

.share-icon li a {
position: relative;
width:60px;
height:60px;
display:block;
text-align:center;
margin:0 10px;
border-radius: 50%;
padding: 6px;
box-sizing: border-box;
text-decoration:none; 
background: linear-gradient(0deg, #ddd, #fff);
transition: .5s;}

.share-icon li a:hover { 
text-decoration:none;}

.circle {
widht: 100%;
height:100%;
display:block;
background: linear-gradient(0deg, #fff, #ddd);
border-radius: 50%;
line-height: calc(60px - 12px); 
transition: .5s;}
	

.share-icon svg{
    fill: black;
    height: 1.5em;
    width: 1.5em;
    position: relative;
    right: 0.2em;
transition: .5s;
	}
 
.share-icon li:nth-child(1) svg:hover {
	fill: #ef8122;}

.share-icon li:nth-child(2) svg:hover {
fill: #ef8122;}

.share-icon li:nth-child(3) svg:hover {
fill: #ef8122;} 
	
	
/*footer*/
.footer{background: #262626;
    position: relative;
    bottom: 0;
	z-index: 0;
    width: 100%;}

.footer a{  color: white;}	
.footer a:hover{ color: #C3C3C3;}
.first p{margin:0;}

.rss{display:flex;}

.lista-rss{
    margin: 0 auto;}
	
.first{ display: flex; 
    align-items: center;}

.aviso{ display: block; margin: 0; 
    align-self: center;
text-align: right;}
	
.centrar{display: flex; align-items: left;}
.centrar2{display: block; align-items: center; text-align: right;}
 
	
/*cookies*/  
#cookies { 
    width: 530px;
    height: 150px;
    padding: 20px;
    position: fixed;
    background: white;
    text-align: justify;
    font-size: 10px;
    bottom: 2%;
    left: 6%;
    box-shadow: 2px 2px 2px 2px rgb(86 86 86 / 62%);
    z-index: 0;}

#cookies p {
margin: 0 0 10px 0; 
    font-size: 12px;}

#cookies b { 
color:#ef8122;}

.btn-aceptar{ 
background:#ef8122; 
color:white;
border: none;
width: 75px;
height: 25px;}

#cookies.display {
  display: block;


  /* Cross browser animation */
  -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: cookies 1s 1; /* Firefox 5-15 */
      -ms-animation: cookies 1s 1; /* IE9 */
       -o-animation: cookies 1s 1; /* Opera 12.00 */
          animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */}

@keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

@-webkit-keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
	}
}

@-moz-keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

@-o-keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}


.close-cookies {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  
  -webkit-transform: translate3d(0,200px,0); /* Safari & Chrome */
     -moz-transform: translate3d(0,200px,0); /* Firefox */
      -ms-transform: translate3d(0,200px,0); /* IE9 */
       -o-transform: translate3d(0,200px,0); /* Opera */
          transform: translate3d(0,200px,0);
}
	
	

/*aviso de privacidad*/	
.terminos-condiciones{padding: 6em 10em; margin-top: 2em;}
.terminos-condiciones p{text-align: justify;}
	}

@media (min-width: 1100px) and (max-width:1400px) {  
/*Menú*/
.navbar {background: #ef8122; 
width:100%;
color:white; 
font-family: 'Montserrat', sans-serif;}



.nav-link{color:white !important; text-decoration: none!important;     font-weight: 600;} 
	
.dropdown-menu{ 
    background-color: #ebe2d3 !important;
    border: none !important;
    box-shadow: none !important;
	color:white !important;}
     
.navbar-brand img{width:200px; height: auto;} 

.navbar-nav{
    position: absolute;
    right: 1em;}

	
.slider{border-right-width: 500px;}	
#before_after img{width: 100%; height: auto;}	 
.twentytwenty-container{height: 605px !important;}
   
	
	/*video*/

.videos{height: 690px; width:100%; overflow: hidden; margin:2em auto;}

video{width: auto; height: 550px; display:block; margin: 0 auto;}


.video-youtube{
  height: 0px;
  padding-bottom: 39%;
  position: relative;
} 

.video-youtube iframe{
    position: absolute;
    top: 10px;
    left: 0;
    height: 90%;
    width: 100%;
} 

.youtube-wrapper{
  width: 100%;
  margin: 5em auto 0 auto;
}

.movil{display: none;}

.ordenador{display: block;}


/*slider*/	
.protenias, .nosotros, .ingredientes, .ubicaciones, .sabias, .videos_perros, .resenas{padding:6em 0 0 0;}
	
.titulo{ 
  margin: 0 0 1em 0;  
  color: #ef8122; 
  font-size: 37px; 
  font-weight: bold; 
  margin-bottom: 30px; 
  text-align: center; 
  font-family: 'Montserrat Alternates', sans-serif;  
}

.cambio_color{ 
  color: #6e4087; 
}  
	

/*nosotros*/
.seccion_mision{margin-top: 4em;}

.seccion_mision p{
    padding: 0 2em;
    margin: 0 0 3em 0;
	text-align: center;}

.word_naranja{  color: #ef8122;   }

.seccion_mision b{text-align: center; display: block;
  color: #ef8122; 
	font-size: 24px;
	margin-bottom: .5em;}
 
	
.nosotros svg{
    font-size: 70px;
    color: #ef8122;
    position: relative;
    display: block;
    margin: 0 auto;
}

.seccion_mision img{width: 180px; 
	height: 180px;
	border-radius: 50%;
    position: relative;
    display: block;
    margin: 0 auto;}

/*ingredientes*/
.ingredientes{
	background: #ef8122; }

    .slide img {
        width: 170px;
        border-radius: 50%;
        padding: .5em;
        margin: 0 1em;}	
	
.slider2 {
    overflow: hidden;
    position: relative;
}

.slide-track {
    display: flex;
    animation: slides 60s linear infinite;
    /* Puedes agregar transformaciones o transiciones aquí */
}
	
@keyframes slides {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%); /* Ajusta el valor según la cantidad de slides */
    }
}


.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
} 

.titulo2{ 
  margin: 0 0 1em 0;  
  color: white; 
  font-size: 37px; 
  font-weight: bold; 
  margin-bottom: 30px; 
  text-align: center; 
  font-family: 'Montserrat Alternates', sans-serif;  
}

.cambio_color2{ 
  color: #d2d2d2; 
}  
	

/*ubicaciones*/  
 
.mapa{width: 60%; height: auto; 
    position: relative; 
    margin: 0 auto 2em auto; 
    display: block;

} 	 
.seccion_ubica{padding: 2em 8em; }	
.ubicaciones b{ padding: 0 1em;
	font-weight: 700;
	align-content: center;
    font-size: 18px;}
.bloc img{width: 40px; height: auto;} 
.pin_ubi{display: flex;}

.bloc{padding:0 3em;}
	
	
/*videos*/ 
.videos_perros{
	background: url("../img/fondo.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;}

.seccion_videos{padding: 2em 3em;}	
	
/*sabias que*/ 
.titulo3{ 
  margin: 0 0 1em 0;  
  color: #ef8122; 
  font-size: 37px; 
  font-weight: bold; 
  margin-bottom: 30px; 
  text-align: center; 
  font-family: 'Montserrat Alternates', sans-serif;  
}

.cambio_color3{ 
  color: #9f9f9f; 
}  
.beneficios{background: #f3f4f9;
	padding:2em 4em;
        height: 100%;}	
	
.beneficios img{display:block;
	height: 250px; width: auto;
	margin: 0 auto;}	
.seccion_sabias{padding:0 3em;}
	
.titulo4{
  color:#ef8122; 
  font-size: 20px; 
  font-weight: bold;    
  font-family: 'Montserrat Alternates', sans-serif; 
	}
.text-titulo4{
  color: black; 
  font-size: 18px;  
  font-weight: 500;
  font-family: 'Montserrat Alternates', sans-serif; 
	}
.text-titulo5{
  color: black; 
  font-size: 16px;  
  font-weight: 500;
  font-family: 'Montserrat Alternates', sans-serif; 
  padding-left: 1em;
	}
	
.beneficios_bajo{
        background: white;
        box-shadow: 0px 0px 11px rgba(97, 97, 97, 0.66);
        padding: 1em 2em;
        height: 48%;
        align-content: center;
    }
.beneficios_bajo2{
        background: white;
        box-shadow: 0px 0px 11px rgba(97, 97, 97, 0.66);
        padding: 1em 2em;
        height: 48%;
        align-content: center;
    }	
.beneficios_bajo img{width: 150px; height: auto; display: block; margin: 0 auto;}
.beneficios_bajo2 img{width: 150px; height: auto; display: block; margin: 0 auto;}
.text-titulo6{
  color: black; 
  font-size: 14px;  
  font-weight: 500;
  text-align: justify !important;
  font-family: 'Montserrat Alternates', sans-serif;  
	}
.text-titulo7{
  color:#ef8122; 
  font-size: 14px;  
  font-weight: bold;
  text-align: justify !important;
  font-family: 'Montserrat Alternates', sans-serif;  
	}
	
/*reseñas*/
.resenas, .ingredientes, .ubicaciones, .videos_perros, .nosotros{padding-bottom: 6em;}
.resenas{padding-left: 3em; padding-right: 3em;}
	
/*whatsapp*/	
.whats img{width: 25%; height: auto; 
		position: fixed; bottom: 2em; right: 1em; 
	transform: scale(1);
	z-index: 100; }

	/*redes sociales*/
.share-btn-wrap {
position: fixed;
bottom: 40px;
left: 40px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate( 180deg );
transform: rotate( 180deg );
z-index: 100;}

.share-btn-wrap .item-btn { height: 128px;
font-size: 15px;
font-weight: 500;
color: #444;
letter-spacing: 2px;
background-color: #fff;
border-radius: 25px;
padding: 22px 5px 5px;
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
display: block;}

.share-btn-wrap .item-btn span {
display: inline-block;
padding-top: .4em;
font-size: 28px;
height: 40px;
width: 40px;
line-height: 40px;
background-color: #eee;
border-radius: 50%;}
  
.share-icon{ 
position: fixed;
top: 8em!important;
left: -1em;
margin: 0px !important;
display: flex;
transform: rotate(180deg) !important; 
background:transparent !important; 
border:none !important;}
 
.share-icon li {
list-style: none;}

.share-icon li a {
position: relative;
width:60px;
height:60px;
display:block;
text-align:center;
margin:0 10px;
border-radius: 50%;
padding: 6px;
box-sizing: border-box;
text-decoration:none; 
background: linear-gradient(0deg, #ddd, #fff);
transition: .5s;}

.share-icon li a:hover { 
text-decoration:none;}

.circle {
widht: 100%;
height:100%;
display:block;
background: linear-gradient(0deg, #fff, #ddd);
border-radius: 50%;
line-height: calc(60px - 12px); 
transition: .5s;}
	

.share-icon svg{
    fill: black;
    height: 1.5em;
    width: 1.5em;
    position: relative;
    right: 0.2em;
transition: .5s;
	}
 
.share-icon li:nth-child(1) svg:hover {
	fill: #ef8122;}

.share-icon li:nth-child(2) svg:hover {
fill: #ef8122;}

.share-icon li:nth-child(3) svg:hover {
fill: #ef8122;} 
	
	
/*footer*/
.footer{background: #262626;
    position: relative;
    bottom: 0;
	z-index: 0;
    width: 100%;}

.footer a{  color: white;}	
.footer a:hover{ color: #C3C3C3;}
.first p{margin:0;}

.rss{display:flex;}

.lista-rss{
    margin: 0 auto;}
	
.first{ display: flex; 
    align-items: center;}

.aviso{ display: block; margin: 0; 
    align-self: center;
text-align: right;}
	
.centrar{display: flex; align-items: left;}
.centrar2{display: block; align-items: center; text-align: right;}
 
	
/*cookies*/  
#cookies { 
    width: 530px;
    height: 150px;
    padding: 20px;
    position: fixed;
    background: white;
    text-align: justify;
    font-size: 10px;
    bottom: 2%;
    left: 6%;
    box-shadow: 2px 2px 2px 2px rgb(86 86 86 / 62%);
    z-index: 0;}

#cookies p {
margin: 0 0 10px 0; 
    font-size: 12px;}

#cookies b { 
color:#ef8122;}

.btn-aceptar{ 
background:#ef8122; 
color:white;
border: none;
width: 75px;
height: 25px;}

#cookies.display {
  display: block;


  /* Cross browser animation */
  -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: cookies 1s 1; /* Firefox 5-15 */
      -ms-animation: cookies 1s 1; /* IE9 */
       -o-animation: cookies 1s 1; /* Opera 12.00 */
          animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */}

@keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

@-webkit-keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
	}
}

@-moz-keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

@-o-keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}


.close-cookies {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  
  -webkit-transform: translate3d(0,200px,0); /* Safari & Chrome */
     -moz-transform: translate3d(0,200px,0); /* Firefox */
      -ms-transform: translate3d(0,200px,0); /* IE9 */
       -o-transform: translate3d(0,200px,0); /* Opera */
          transform: translate3d(0,200px,0);
}
	
	
/*aviso de privacidad*/	
.terminos-condiciones{padding: 6em 10em; margin-top: 2em;}
.terminos-condiciones p{text-align: justify;}
	
}

@media (min-width: 1400px){  
/*Menú*/
.navbar {background: #ef8122; 
width:100%;
color:white; 
font-family: 'Montserrat', sans-serif;}



.nav-link{color:white !important; text-decoration: none!important;     font-weight: 600;} 
	
.dropdown-menu{ 
    background-color: #ebe2d3 !important;
    border: none !important;
    box-shadow: none !important;
	color:white !important;}
     
.navbar-brand img{width:200px; height: auto;} 

.navbar-nav{
    position: absolute;
    right: 1em;}

	
.slider{border-right-width: 500px;}	
#before_after img{width: 100%; height: auto;}	 
.twentytwenty-container{height: 780px !important;}
   
	
	/*video*/

.videos{height: 690px; width:100%; overflow: hidden; margin:2em auto;}

video{width: auto; height: 550px; transform: translateY(-25px);}


.video-youtube{
  height: 0px;
  padding-bottom: 39%;
  position: relative;
} 

.video-youtube iframe{
    position: absolute;
    top: 10px;
    left: 0;
    height: 90%;
    width: 100%;
} 

.youtube-wrapper{
  width: 100%;
  margin: 5em auto 0 auto;
}

.movil{display: none;}

.ordenador{display: block;}


/*slider*/	
.protenias, .nosotros, .ingredientes, .ubicaciones, .sabias, .videos_perros, .resenas{padding:6em 0 0 0;}
	
.titulo{ 
  margin: 0 0 1em 0;  
  color: #ef8122; 
  font-size: 37px; 
  font-weight: bold; 
  margin-bottom: 30px; 
  text-align: center; 
  font-family: 'Montserrat Alternates', sans-serif;  
}

.cambio_color{ 
  color: #6e4087; 
}  
	

/*nosotros*/
.seccion_mision{margin-top: 4em;}

.seccion_mision p{
    padding: 0 2em;
    margin: 0 0 3em 0;
	text-align: center;}

.word_naranja{  color: #ef8122;   }

.seccion_mision b{text-align: center; display: block;
  color: #ef8122; 
	font-size: 24px;
	margin-bottom: .5em;}
 
	
.nosotros svg{
    font-size: 70px;
    color: #ef8122;
    position: relative;
    display: block;
    margin: 0 auto;
}

.seccion_mision img{width: 180px; 
	height: 180px;
	border-radius: 50%;
    position: relative;
    display: block;
    margin: 0 auto;}

/*ingredientes*/
.ingredientes{
	background: #ef8122; }

    .slide img {
        width: 170px;
        border-radius: 50%;
        padding: .5em;
        margin: 0 1em;}	
	
.slider2 {
    overflow: hidden;
    position: relative;
}

.slide-track {
    display: flex;
    animation: slides 60s linear infinite;
    /* Puedes agregar transformaciones o transiciones aquí */
}
	
@keyframes slides {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%); /* Ajusta el valor según la cantidad de slides */
    }
}


.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
} 

.titulo2{ 
  margin: 0 0 1em 0;  
  color: white; 
  font-size: 37px; 
  font-weight: bold; 
  margin-bottom: 30px; 
  text-align: center; 
  font-family: 'Montserrat Alternates', sans-serif;  
}

.cambio_color2{ 
  color: #d2d2d2; 
}  
	

/*ubicaciones*/  
 
.mapa{width: 60%; height: auto; 
    position: relative; 
    margin: 0 auto 2em auto; 
    display: block;

} 	 
.seccion_ubica{padding: 0em 14em; }	
.ubicaciones b{ padding: 0 1em;
	align-content: center;
    font-size: 16px;}
.bloc img{width: 40px; height: auto;} 
.pin_ubi{display: flex;}

.bloc{padding:0 3em;}
	
	
/*videos*/ 
.videos_perros{
	background: url("../img/fondo.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;}

.seccion_videos{padding: 2em 14em;}	
	
/*sabias que*/ 
.titulo3{ 
  margin: 0 0 1em 0;  
  color: #ef8122; 
  font-size: 37px; 
  font-weight: bold; 
  margin-bottom: 30px; 
  text-align: center; 
  font-family: 'Montserrat Alternates', sans-serif;  
}

.cambio_color3{ 
  color: #9f9f9f; 
}  
.beneficios{background: #f3f4f9;
	padding:2em 4em;
        height: 100%;}	
	
.beneficios img{display:block;
	height: 250px; width: auto;
	margin: 0 auto;}	
.seccion_sabias{padding:0 10em;}
	
.titulo4{
  color:#ef8122; 
  font-size: 20px; 
  font-weight: bold;    
  font-family: 'Montserrat Alternates', sans-serif; 
	}
.text-titulo4{
  color: black; 
  font-size: 18px;  
  font-weight: 500;
  font-family: 'Montserrat Alternates', sans-serif; 
	}
.text-titulo5{
  color: black; 
  font-size: 16px;  
  font-weight: 500;
  font-family: 'Montserrat Alternates', sans-serif; 
  padding-left: 1em;
	}
	
.beneficios_bajo{
        background: white;
        box-shadow: 0px 0px 11px rgba(97, 97, 97, 0.66);
        padding: 1em 2em;
        height: 48%;
        align-content: center;
    }
.beneficios_bajo2{
        background: white;
        box-shadow: 0px 0px 11px rgba(97, 97, 97, 0.66);
        padding: 1em 2em;
        height: 48%;
        align-content: center;
    }	
.beneficios_bajo img{width: 150px; height: auto; display: block; margin: 0 auto;}
.beneficios_bajo2 img{width: 150px; height: auto; display: block; margin: 0 auto;}
.text-titulo6{
  color: black; 
  font-size: 14px;  
  font-weight: 500;
  text-align: justify !important;
  font-family: 'Montserrat Alternates', sans-serif;  
	}
.text-titulo7{
  color:#ef8122; 
  font-size: 14px;  
  font-weight: bold;
  text-align: justify !important;
  font-family: 'Montserrat Alternates', sans-serif;  
	}
	
/*reseñas*/
.resenas, .ingredientes, .ubicaciones{padding-bottom: 6em;}

	
/*whatsapp*/	
.whats img{width: 15%; height: auto; 
		position: fixed; bottom: 2em; right: 1em; 
	transform: scale(1);
	z-index: 100; }

	/*redes sociales*/
.share-btn-wrap {
position: fixed;
bottom: 40px;
left: 40px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate( 180deg );
transform: rotate( 180deg );
z-index: 100;}

.share-btn-wrap .item-btn { height: 128px;
font-size: 15px;
font-weight: 500;
color: #444;
letter-spacing: 2px;
background-color: #fff;
border-radius: 25px;
padding: 22px 5px 5px;
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
display: block;}

.share-btn-wrap .item-btn span {
display: inline-block;
padding-top: .4em;
font-size: 28px;
height: 40px;
width: 40px;
line-height: 40px;
background-color: #eee;
border-radius: 50%;}
  
.share-icon{ 
position: fixed;
top: 8em!important;
left: -1em;
margin: 0px !important;
display: flex;
transform: rotate(180deg) !important; 
background:transparent !important; 
border:none !important;}
 
.share-icon li {
list-style: none;}

.share-icon li a {
position: relative;
width:60px;
height:60px;
display:block;
text-align:center;
margin:0 10px;
border-radius: 50%;
padding: 6px;
box-sizing: border-box;
text-decoration:none; 
background: linear-gradient(0deg, #ddd, #fff);
transition: .5s;}

.share-icon li a:hover { 
text-decoration:none;}

.circle {
widht: 100%;
height:100%;
display:block;
background: linear-gradient(0deg, #fff, #ddd);
border-radius: 50%;
line-height: calc(60px - 12px); 
transition: .5s;}
	

.share-icon svg{
    fill: black;
    height: 1.5em;
    width: 1.5em;
    position: relative;
    right: 0.2em;
transition: .5s;
	}
 
.share-icon li:nth-child(1) svg:hover {
	fill: #ef8122;}

.share-icon li:nth-child(2) svg:hover {
fill: #ef8122;}

.share-icon li:nth-child(3) svg:hover {
fill: #ef8122;} 
	
	
/*footer*/
.footer{background: #262626;
    position: relative;
    bottom: 0;
	z-index: 0;
    width: 100%;}

.footer a{  color: white;}	
.footer a:hover{ color: #C3C3C3;}
.first p{margin:0;}

.rss{display:flex;}

.lista-rss{
    margin: 0 auto;}
	
.first{ display: flex; 
    align-items: center;}

.aviso{ display: block; margin: 0; 
    align-self: center;
text-align: right;}
	
.centrar{display: flex; align-items: left;}
.centrar2{display: block; align-items: center; text-align: right;}
 
	
/*cookies*/  
#cookies { 
    width: 530px;
    height: 150px;
    padding: 20px;
    position: fixed;
    background: white;
    text-align: justify;
    font-size: 10px;
    bottom: 2%;
    left: 6%;
    box-shadow: 2px 2px 2px 2px rgb(86 86 86 / 62%);
    z-index: 0;}

#cookies p {
margin: 0 0 10px 0; 
    font-size: 12px;}

#cookies b { 
color:#ef8122;}

.btn-aceptar{ 
background:#ef8122; 
color:white;
border: none;
width: 75px;
height: 25px;}

#cookies.display {
  display: block;


  /* Cross browser animation */
  -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: cookies 1s 1; /* Firefox 5-15 */
      -ms-animation: cookies 1s 1; /* IE9 */
       -o-animation: cookies 1s 1; /* Opera 12.00 */
          animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */}

@keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

@-webkit-keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
	}
}

@-moz-keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

@-o-keyframes cookies {

  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}


.close-cookies {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  
  -webkit-transform: translate3d(0,200px,0); /* Safari & Chrome */
     -moz-transform: translate3d(0,200px,0); /* Firefox */
      -ms-transform: translate3d(0,200px,0); /* IE9 */
       -o-transform: translate3d(0,200px,0); /* Opera */
          transform: translate3d(0,200px,0);
}
	
/*aviso de privacidad*/	
.terminos-condiciones{padding: 6em 10em; margin-top: 2em;}
.terminos-condiciones p{text-align: justify;}
	
}