@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.7rem;
    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: 350px;     
}
.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: 350px;
}

.datos h5{
    color:white;
    font-size: 1rem; 
    margin-left: 10vw;  
    margin-right: 8.5vw;
    text-align: center;
}

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

.datos a{
    color:white;
}

.datos img{
    margin-left: 15vw;
}