body{
	overflow-x: hidden;
}

.secciones {
    max-width: 1200px;
    margin: auto;
    
}

.secciones-slide{
    max-width: 1200px;
    margin: auto;
    
}


.container-fluid{
	margin: auto;
	
}
.row{
	padding: 0;
	margin: auto;

}

.mision{
	text-align: center;
	padding-top: 25px;

}

/*-------Pleca todo sea por los peludos------*/
.st0-mision-hero{fill:#52B9DB;}
	.st1-mision-hero{fill:#FFFFFF;}
	.st2-mision-hero{font-family:'Airfly';}
	.st3-mision-hero{font-size:38.5417px;}
	.st4-mision-hero{letter-spacing:-4;}

/*.banner-mision{
	margin-top: 80px;
}*/

.mision-banner{
	margin-top: -5px;
	background-color: #ee713a;
    height: 600px;
    	background-image: url('../images/nuestra-mision/hero-nuestra-mision.webp');
    	background-position: center;
    	background-repeat: no-repeat;
    	background-size: cover;
}



.mision-header{
	display: flex;
	justify-content: center;
	flex-direction: column;
    text-align: center;
    height: auto;
    color: #fff;
    padding-top: 50px;
   
}

.mision-img {
    position: absolute;
    right: 400px;
    width: 28.5%;
}


.etiqueta-mision-hero{
	margin-top: 100px;
	width: 70%;
    margin-left: auto;
    margin-right: auto;

   
}

    .st0-product{fill:#52B9DB;}
	.st1-product{fill:none;}
	.st2-product{fill:#FFFFFF;}
	.st3-product{font-family:'Airfly';}
	.st4-product{font-size:38.5417px;}
	.st5-product{letter-spacing:-4;}


.mision-header h1{
	 font-family: 'Airfly', sans-serif;
	 font-size: 65px;
	 line-height: 65px;
	  padding: 20px;
	  color: #fff;
	  text-align: center;
}
.mision-header p{
	font-family:'Gilroy-Bold', sans-serif;
	font-size: 20px;
	 padding: 10px;
	 color: #fff;
	 text-align: center;
}



.mision h2 {
    color: #62519c;
    font-size: 45px;
    font-family: 'Airfly', sans-serif;
    padding-top: 25px;
  
}

.mision p {
    color: #6b6b6b;
    font-family: 'Gilroy-Regular', sans-serif;
    font-size: 20px;
    padding: 25px;
    
}
.mision2{
	margin-bottom: 50px;
}

/* ----pleca convivencia --*/

	.st0-convivencia{fill:#F3BE68;}
	.st1-convivencia{fill:none;}
	.st2-convivencia{fill:#FFFFFF;}
	.st3-convivencia{font-family:'Gilroy-Bold';}
	.st4-convivencia{font-size:33px;}

/* ----pleca convivenciaMobile --*/

    .st0-convivencia-mobile{fill:#F3BE68;}
	.st1-convivencia-mobile{fill:none;}
	.st2-convivencia-mobile{fill:#FFFFFF;}
	.st3-convivencia-mobile{font-family:'Gilroy-Bold';}
	.st4-convivencia-mobile{font-size:12.9179px;}


/*---- Seccion fotos y accesorios ---*/

.foto-contenido{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.sec-F-a{
	padding-top: 50px;
}

.foto-accesorio{
	background-color: #3bcae2;
	color: #fff;
	font-family:'Gilroy-Regular';
	text-align: center;
}

/*.foto-accesorio img{
	padding-top: 45px;
}*/

.foto-accesorio p{
	font-size: 20px;
	padding: 40px 5px 20px 5px;
}


/* ------- Slide Productos ----- */

.productos-slide{
	    padding-top: 70px;
}

.carousel-control-next-icon {
    background-image: url('../images/nuestra-mision/flecha-derecha-blanco.svg');
}

.carousel-control-prev-icon {
	 background-image: url('../images/nuestra-mision/flecha-izquierda-blanco.svg');
	}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 4rem;
    height: 4rem;   
}



.slide-contenido{
	text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #fff;
    font-family:'Gilroy-Bold';
    font-size: 20px;
}


.slide-contenido p{
    padding-bottom: 85px;
}

.chilaquil{

    background-color: #e1686b;
}

.burbujas-slide{
	background-image: url('../images/nuestra-mision/burbujas.webp');
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.rocky-text{
	margin-top: -75px;
}

/*.control-izq{
	margin-left: 300px;

}

.control-derecho{
margin-right: 290px;
}*/



/*------Pleca chilaquil ---*/

.plecas-slide{
	padding: 40px 0px;
}
.st0-chilaquil{fill:#62539C;}
	.st1-chilaquil{fill:#FFFFFF;}
	.st2-chilaquil{font-family:'Airfly';}
	.st3-chilaquil{font-size:137.091px;}
	.st4-chilaquil{fill:#B9E1E5;}
	.st5-chilaquil{font-size:80.8538px;}
	.st6-chilaquil{letter-spacing:-8;}

/*------Pleca BACO ---*/

.st0-baco{fill:#62539C;}
	.st1-baco{fill:#FFFFFF;}
	.st2-baco{font-family:'Airfly';}
	.st3-baco{font-size:137.091px;}
	.st4-baco{fill:#B9E1E5;}
	.st5-baco{font-size:80.8538px;}
	.st6-baco{letter-spacing:-8;}

.baco{
    background-color: #4ebade;
}

/*------Pleca ROCKY ---*/

.st0-rocky{fill:#62539C;}
	.st1-rocky{fill:#FFFFFF;}
	.st2-rocky{font-family:'Airfly';}
	.st3-rocky{font-size:137.091px;}
	.st4-rocky{fill:#B9E1E5;}
	.st5-rocky{font-size:80.8538px;}
	.st6-rocky{letter-spacing:-8;}

.rocky{
    background-color: #00beb7;
	margin-bottom: -20px;
}

/*------Pleca AKANE ---*/

.st0-akane{fill:#62539C;}
	.st1-akane{fill:#FFFFFF;}
	.st2-akane{font-family:'Airfly';}
	.st3-akane{font-size:137.091px;}
	.st4-akane{fill:#B9E1E5;}
	.st5-akane{font-size:80.8538px;}
	.st6-akane{letter-spacing:-8;}

.akane{
    background-color: #a3cf72;
}

/*------Pleca CASI ---*/

	.st0-casi{fill:#62539C;}
	.st1-casi{fill:#FFFFFF;}
	.st2-casi{font-family:'Airfly';}
	.st3-casi{font-size:137.091px;}
	.st4-casi{fill:#B9E1E5;}
	.st5-casi{font-size:80.8538px;}
	.st6-casi{letter-spacing:-8;}


.casi{
	background-color: #f79a67;
}

.flecha{
	margin-top: -90px;
	margin-right: 490px;
}


.info-final{
	background-color: #b9e1e5;
	margin-bottom: -15px;
}

.info-info{
	 height: 250px;
}

.info-contenido{
	display: flex;
    align-items: center;
    justify-content: center;
    
}

.info-contenido h1{
 color: #62519c;
    font-size: 55px;
    font-family: 'Airfly', sans-serif;
    padding-top: 25px;
}

.descubre{
	 font-family: 'Airfly';
    background-color: #F3BE68;
    color: #4d4185;
    font-size: 25px;
    padding: 10px 20px;
    border-radius: 50px;
    margin: 15px;

}

.descubre a{
	text-decoration: none;
}

.descubre:hover{
   background-color: #F3BE68;
    color: #fff;
}

@media only screen and (max-width: 1300px) {

.secciones-slide{
    max-width: 1000px;
    margin: auto;
    
}

.carousel-control-next, .carousel-control-prev {
  width: 5%;
    
}

.slide-contenido p {
    padding-bottom: 55px;
}

}


/*----------------------------------------------------------1024 -------*/
/* LAPTOP */
@media only screen and (max-width: 1024px) {

.secciones-slide {
    max-width: 900px;
}

.mision h2 {
   
    font-size: 35px; 
}

/*.foto-accesorio img{
	padding-bottom: 0px;
    padding-top: 15px;
    
}*/



.carousel-control-next, .carousel-control-prev {
  width: 5%;
    
}


/*.img-chilaquil{
	padding-top: 0px;
}*/

.flecha{
	margin-top: -120px;
	margin-right: 390px;
}
/*.img-baco{
	padding-top: 0px;
}*/

.plecas-slide{
	padding: 0px;
}


.etiqueta-mision-hero{
	width: 60%;
    margin: auto
	
   
}

.mision-header{

    padding-top: 115px;
   
}





.mision-img {
     position: absolute;
    right: 50px;
    width: 57%;
}
.mision-header h1{

	 font-size: 55px;
	 line-height: 55px;
	  
}
.mision-header p{
	
	font-size: 25px;
	
}


.info-contenido h1 {
    font-size: 45px;
}

.perro-accesorios{
	
	width: 100%;
	padding-top: 100px;
}


}





/* TABLETA */
@media only screen and (max-width: 991px) {

.mision-banner{
	height: 850px;
	display: block;
}

.mision-img {
    position: absolute;
    right: 50px;
    width: 47.8%;
}

.banner-mision {
     margin-top: 10px; 
}

.mision-banner{
	
    	background-image: url('../images/nuestra-mision/hero-nuestra-mision-1024.webp');
    	background-position: center;
    	background-repeat: no-repeat;
    	background-size: cover;
}

.mision-header{

    padding-top: 150px;

   
}


.mision-header p{
	
	font-size: 20px;
	
}

.perro-accesorios{
	
	width: 70%;
	padding-top: 10px;
}

.burbujas-slide{
	background-image: url('../images/nuestra-mision/burbujas-991.webp');
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.rocky-text{
	margin-top: -5px;
}

}


/* MÓVIL */
@media only screen and (max-width: 576px) {

.mision-header {
   padding-top: 115px;
}

.mision-banner {
    background-color: #ee713a;;
    height: 560px;
    background-image: url('../images/nuestra-mision/hero-nuestra-mision-movil.webp');
    	background-position: right;
    	background-repeat: no-repeat;
    	background-size: cover;
}

.etiqueta-mision-hero{
	width: 70%;
    margin: auto
	
   
}

.mision-header h1{

	 font-size: 39px;
	 line-height: 39px;
	 padding: 10px;
	  
}
.mision-header p{
	
	font-size: 15px;
	
}



.mision h2 {
    font-size: 25px;
}

.mision p {
    padding: 15px 5px;
    font-size: 15px;
    
}

.img-reciclado {
    width: 100%;
}

.foto-accesorio p{
	font-size: 15px;
}

.perro-accesorios{
	
	width: 100%;
}


.foto-accesorio img {
    margin-bottom: 0px;
}

.productos-slide{
	    padding-top: 0px;
}


.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 2rem;
    height: 2rem;   
}

.carousel-control-next, .carousel-control-prev {
  width: 15%;
    
}

.carousel-inner{
	height: 590px;
}

.burbujas-slide{
	background-image: url('../images/nuestra-mision/burbujas-576.webp');
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.plecas-slide{
	padding: 40px 0px;
}

.slide-contenido p{
    padding-bottom: 0px;
    font-size: 15px;
}

.img-chilaquil{
	width: 100%;
	margin-top: 10px;
}

.img-baco{
	width: 126%;
	margin-top: 10px;
}

.img-akane{
	width: 114%;
	margin-top: 14px;
}

.img-casi{
	width: 139%;
	margin-top: 10px;
}

.info-contenido h1{

    font-size: 30px;
margin-bottom: -90px;}

.descubre{

    font-size: 15px; 

}

.rocky-text{
	margin-top: -5px;
}

.img-rocky {
        width: 126%;
        margin-top: -15px;
    }

	}