/*=========================================================
RESPONSIVE - SLIDER HORIZONTAL EN TODOS LOS TAMAÑOS
=========================================================*/

/*=========================================================
1600px
=========================================================*/
@media (max-width:1600px){
    .contenido{
        grid-template-columns: 360px 1fr 180px;
        width:95%;
    }
    .modelo{
        height:90vh;
    }
}

/*=========================================================
1400px
=========================================================*/
@media (max-width:1400px){
    .contenido{
        grid-template-columns: 320px 1fr 160px;
        gap:20px;
    }
    .titulo h1{
        font-size:130px;
    }
    .lavado img{
        width:220px;
    }
    .playera-icono img{
        width:105px;
    }
    .tabla h2{
        font-size:24px;
    }
    .tabla h3{
        font-size:16px;
    }
    .tabla p{
        font-size:15px;
    }
}

/*=========================================================
1200px
=========================================================*/
@media (max-width:1200px){
    .contenido{
        grid-template-columns: 300px 1fr 120px;
    }
    .modelo{
        height:82vh;
    }
    .numero{
        font-size:110px;
    }
}

/*=========================================================
1024px - MANTENER SLIDER HORIZONTAL
=========================================================*/
@media (max-width:1024px){
    .contenido{
        grid-template-columns: 260px 1fr 100px;
        gap:15px;
    }
    .titulo h1{
        font-size:100px;
    }
    .txt-playeras{
        font-size:26px;
    }
    .lavado img{
        width:200px;
    }
    .playera-icono img{
        width:95px;
    }
    .tabla h2{
        font-size:22px;
    }
    .tabla h3{
        font-size:15px;
    }
    .tabla p{
        font-size:14px;
    }
    .modelo{
        height:78vh;
    }
    .numero{
        font-size:100px;
    }
    .flecha{
        font-size:60px;
    }
}

/*=========================================================
768px - MANTENER SLIDER HORIZONTAL
=========================================================*/
@media (max-width:768px){
    .contenido{
        grid-template-columns: 220px 1fr 80px;
        gap:10px;
    }
    .titulo h1{
        font-size:80px;
    }
    .txt-playeras{
        font-size:22px;
    }
    .lavado img{
        width:160px;
    }
    .playera-icono img{
        width:80px;
    }
    .columnas{
        flex-direction:column;
        gap:20px;
    }
    .tabla{
        text-align:center;
    }
    .tabla h2{
        font-size:20px;
    }
    .tabla h3{
        font-size:14px;
    }
    .tabla p{
        font-size:13px;
    }
    .modelo{
        height:70vh;
    }
    .numero{
        font-size:80px;
    }
    .flecha{
        font-size:50px;
    }
    .whatsapp{
        top:auto;
        bottom:500px;
        right:20px;
    }
    .whatsapp img{
        width:60px;
    }
	
	
	.centro {
		position:absolute;
	}
.izquierda {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* manda el contenido hacia arriba */
    align-items: flex-start; /* manda el contenido hacia la izquierda */
    gap: 5px;
}

.btn-next, .btn-prev {
    margin: 0 -50px;
}



}



/*=========================================================
600px - MANTENER SLIDER HORIZONTAL
=========================================================*/
@media (max-width:600px){
    .contenido{
        grid-template-columns: 180px 1fr 60px;
        gap:8px;
    }
    .titulo{
        margin-top:15px;
    }
    .titulo h1{
        font-size:65px;
    }
    .txt-playeras{
        font-size:20px;
    }
    .lavado img{
        width:140px;
    }
    .playera-icono img{
        width:70px;
    }
    .tabla h2{
        font-size:18px;
    }
    .tabla h3{
        font-size:13px;
    }
    .tabla p{
        font-size:12px;
    }
    .modelo{
        height:65vh;
    }
}

/*=========================================================
480px - MANTENER SLIDER HORIZONTAL
=========================================================*/
@media (max-width:480px){
    .contenido{
        grid-template-columns: 150px 1fr 50px;
        width:96%;
    }
    .titulo h1{
        font-size:55px;
    }
    .txt-playeras{
        font-size:18px;
    }
    .lavado img{
        width:120px;
    }
    .playera-icono img{
        width:60px;
    }
    .tabla{
        gap:15px;
    }
    .tabla h2{
        font-size:16px;
    }
    .tabla h3{
        font-size:12px;
    }
    .tabla p{
        font-size:11px;
        line-height:1.3;
    }
    .modelo{
        height:60vh;
    }
    .numero{
        font-size:60px;
		z-index:1000;
    }
    .flecha{
        font-size:40px;
		z-index:1000;
    }
    .whatsapp img{
        width:52px;
    }
	.contenido {
		 display: flex;
    justify-content: flex-start;
    align-items: flex-start;
		
		}
}

/*=========================================================
360px - MANTENER SLIDER HORIZONTAL
=========================================================*/
@media (max-width:360px){
    .contenido{
        grid-template-columns: 130px 1fr 45px;
    }
    .titulo h1{
        font-size:48px;
    }
    .txt-playeras{
        font-size:16px;
    }
    .lavado img{
        width:100px;
    }
    .playera-icono img{
        width:50px;
    }
    .tabla p{
        font-size:10px;
    }
    .numero{
        font-size:50px;
    }
    .flecha{
        font-size:35px;
    }
}