/* colores 

#262626;
#FFF;
#e99401;

*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');

body{
    font-family: 'Kanit', sans-serif !important;
}


.header{
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/header.jpg);
    background-position: 50%;
    background-position-y: center;
    background-size: cover;
    position: relative;
    height: 190px;
}


h1, h2{
    color: #e99401;
    font-size: 4rem !important;
}


.price, .date, h3{
    color: #e99401;
}


/* NAVS */
nav a{
    text-decoration: none;
    color: #FFF;
}

nav a:hover{
    background-color: #e99401;
}



/* HOME */
.cursos{
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/cursos_bg.jpg);
    background-position: 50%;
    background-position-y: center;
    background-size: cover;

    padding-top: 5rem;
    padding-bottom: 5rem;
}


.main-product{
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(49, 48, 48, 0.8)), url(../images/vai-guitar.jpg);
    background-position: 50%;
    background-position-y: center;
    background-size: cover;
    height: 450px;

    padding-top: 4rem;
    padding-bottom: 4rem;
}

.btn-producto{
    position: relative;
}

.ver-producto{
    position: absolute;
    top: 40%;
}

@media only screen and (max-width: 768px){
    body{
        overflow-x: hidden;
    }

    h1, h2, h3{
        font-size: 2.5rem !important;
    }

    .header{
       height: 325px;
    }
}

/* Botón oculto mobile */
@media only screen and (max-width: 600px){
    .btn-producto{
        display: none;
    }
}