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

body {
    overflow-x: hidden; /*bloquea el scroll horizontal*/
    background:#740924;
    height:100%;
    width:100%;
    word-wrap: break-word;

    font-family: 'Comfortaa', cursive;
    margin: 0;
}

.banner img{
    width: 98.7vw;
    height: 30vw;
}

.encabezado h2{
    margin-left: 8vw;
    font-size: 1.8rem;
    color:white; 
}

.encabezado p{
    margin-top: -1rem;
    margin-left: 8.2vw;
    font-size: 1.1rem;
    color:white; 
}

.letrero h3{
    width: 70%;
    color:white;
    font-size: 1.8rem;
    background: rgba(133, 12, 48,.9); 
    border-radius: 10px;
    text-align: center;
    padding-bottom: 5px;
    margin-top: -450px;
    margin-left: 50px;     
}
.letrero h4{
    width: 70%;
    color:white;
    font-size: 1.8rem;
    background:rgba(180,34,72,.9);
    border-radius: 10px;
    text-align: center;
    padding-bottom: 5px;
    margin-top: 0px;
    margin-left: 50px;
}

.viñetas{
    float: left;
    color: rgba(133, 12, 48,.9);
    margin-top: 7px;
    margin-bottom: 3px;
    margin-left: 8.2vw;
    width: 40px;   
}

.datos h5{
    color:rgba(133, 12, 48,.9);
    font-size: 1.1rem; 
    margin-left: 10vw;  
    margin-right: 8.5vw;
}

.datos p{
    text-align: justify;
    font-size: .95rem; 
    margin-left: 8.2vw;  
    margin-right: 8.2vw;
   
}

.datos2 h5{
    color:rgba(133, 12, 48,.9);
    font-size: 1.1rem; 
    margin-left: 10vw;  
    margin-right: 8.5vw;
}

.datos2 p{
    color:black;
    text-align: justify;
    font-size: .95rem; 
    margin-left: 8.2vw;  
    margin-right: 8.2vw;
   margin-top: 1vw;
}

.datos2 .fas{
    float: left;
    color: rgba(133, 12, 48,.9);
    margin-top: 7px;
    margin-bottom: 3px;
    margin-left: 8.2vw;
    width: 40px;   
}

.galerias img{
    
    margin-top: 15vw;
    margin-left: -5vw;
    margin-right: 0vw;
}

.cartas{
    margin-left: 8vw;
    margin-right: 8vw;
}

.card{ /*fondo de las cartas*/
    background-color: #F8F1E6;
}

.cartas h5{
    font-size: 1.1rem;
    margin-left: 0vw;
    margin-right: 0vw;
}

.cartas p{
    font-size: .8rem;
    text-align: justify;
}

.viñeta{
    float: center;
    color: rgba(133, 12, 48,.9);
    margin-top: 27px;
    margin-bottom: 3px;
    margin-left: 11vw;
    width: 40px;   
}

.galeria img{
    margin-left: 4vw;
}

/*Para tablets*/
@media (min-width: 768px) and (max-width: 1024px) {
    
    .cartas h5{
        font-size: .8rem;
        margin-left: 0vw;
        margin-right: 0vw;
    }
    
    .cartas p{
        font-size: .7rem;
        text-align: justify;
    }

    .cartas .fas{
    float: center;
    color: rgba(133, 12, 48,.9);
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 70px;
    margin-right: 10px;    
    }

    .cartas .galeria img{
        width: 170px; 
        margin-right: 10px; 
        margin-left: 7px;
    }
}

/*para dispositivos moviles*/
@media only screen and (max-width: 768px){

    .cartas p{
        font-size: .85rem;
        text-align: justify;
    }
    
    .viñeta{
        float: center;
        color: rgba(133, 12, 48,.9);
        margin-top: 27px;
        margin-bottom: 3px;
        margin-left: 32vw;
        width: 40px;   
    }

    .galeria img{
        margin-left: 12vw;
    }   
}