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;

}

.blog{
	text-align: center;
	padding-top: 25px;
	font-family:'Airfly';

}

.carousel-cr{
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;

}
.cr-arts{
	max-width: 1000px;
	margin: auto;
}

.cr-desk{display: flex;}
.cr-mob{display: none;}
.cr-desk .card-body{ height: 25vh;}
.carousel-control-next-icon{
	background-image: url('../images/blog/flecha-derecha-blanco.svg') !important;
}
.carousel-control-prev-icon {
    background-image: url('../images/blog/flecha-izquierda-blanco.svg') !important;
}
.cr-title{
	font-family:'Airfly';
	color: #62519c;
	margin-top: 30px;
}
.cr-text{
	color: #6b6b6b;
    font-family: 'Gilroy-Regular', sans-serif !important;
}
.cr-desk .btn-cr{height: fit-content !important;}
.btn-cr{
	background-color: #3BCAE2;
	font-family:'Airfly';
	color: #fff;
	width: 70%;
	height: fit-content !important;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	border-radius: 30px;
}

.btn-cr:hover{
	background-color: #62519c;
	font-family:'Airfly';
	color: #fff;
}
.col-4{
	margin: auto;
	justify-content: center;
	display: flex;
}

/*-------Pleca todo sea por los peludos------*/
.st0-mision-hero{fill:#62519c;}
	.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;
}*/

.blog-banner{
	margin-top: -5px;
	background-color: #3BCAE2;
    height: 600px;
    	background-image: url('../images/blog/hero-blog.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;
}



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

.blog p {
    color: #6b6b6b;
    font-family: 'Gilroy-Regular', sans-serif !important;
    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;
}

/*.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 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;
}

.card-body{height: 23vh;}

@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;
}

.cr-desk .card-body{ height: 40vh !important;}

}


/*----------------------------------------------------------1024 -------*/
/* LAPTOP */
@media only screen and (max-width: 1024px) {
	.card-body{height: 48vh;}
	.carousel-cr{
		max-width: 900px;
	
	}
	.cr-arts{
		max-width: 800px;
	}
.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) {

	.cr-mob{display: none; height: 63vh !important;}
	.carousel-cr{
		max-width: 700px;
	
	}
	.cr-arts{
		max-width: 600px;
		margin: auto !important;
	}
.blog-banner{
	height: 850px;
	display: block;
}

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

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

.blog-banner{
	
    	background-image: url('../images/blog/hero-blog-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;
}



}


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

.mision-header {
   padding-top: 115px;
}
.cr-desk{display: none;}
.cr-mob{display: flex; height: 63vh !important;}
.cr-mob .carousel-inner {height: 90vh !important;}
.btn-cr {height: fit-content;}
.cr-mob .card-body {height: 35vh;}
.cr-mob .carousel-inner .carousel-cr{max-width: 500px;}

.cr-arts{
	max-width: 400px;
	margin: auto !important;
}
.crmb{
	margin: auto;
	justify-content: center;
	display: flex;
}
.carousel-inner {
    height: 382px !important;
}

.blog-banner {
    background-color: #3BCAE2;
    height: 560px;
    background-image: url('../images/blog/hero-blog-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;
	margin-top: -10px;
}



.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; 

}



	}