body {

    margin: 0;
    padding: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: Arial Narrow, sans-serif;

}



.container {

    background-color:  rgba(51, 131, 255, 0.7);
    width: 35vw;
    margin: 5px 0 0 50vw;
    display: flex;
    flex-direction: column; /* Cambio a dirección vertical */
}



.set {

    margin: 2vh;

 }



.title-box {

    background-color: white;
    color: black;
    padding-left: 10px;
    margin: 0;
    box-sizing: border-box;
    display: flex;
    height: 8vh;
    align-items: left; /* Alinea a la izquierda  el texto y el icono */
    line-height:0;
    font-size: 7vh;

}



.ultima-linea {

    background-color: white;
    color: black;
    padding-left: 10px;
    margin: 0;
    box-sizing: border-box;
    display: flex;
    height: 8vh;
    text-align: right; /* Alinea a la izquierda  el texto y el icono */
    line-height:0;

}



.ultima-linea p{

    font-size:4vh;
    text-align: right;
}



p {

    font-size:4vh;
    text-align: left;
}



.ultima-linea p{

    font-size:4vh;
    text-align: right;

}

.title-icon {

    margin-right: 10px; /* Espacio entre el icono y el texto */
    margin-top: 1vh;
    vertical-align: middle;
    height: 6vh;
}



.info-box {

    background-color: black;
    color: yellow;
    border: 2px solid black;
    padding: 0px 10px 0px;
    width: 100%; /* Ocupa todo el ancho disponible */
    box-sizing: border-box;
    text-align: left;
    margin: 0; /* Elimina el espacio entre las cajas de títulos y las de contenido */
    display: grid;
    line-height:0px;
    height: 10vh;

}

 h1 {

    font-size:7vh;
    }

     

    

.h1-box {

    background-color: black;
    color: yellow;
    border: 2px solid black;
    padding: 0px 10px 0px;
    width: 100%; /* Ocupa todo el ancho disponible */
    box-sizing: border-box;
    text-align: left;
    line-height:0px;
    display: block;
    height: 10vh;

}