@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

*{
    font-family: "Open Sans", sans-serif;
    margin: 0;
    padding: 0;
}

/*html, body {
    height: 100%;
    margin: 0;
}*/

.container2 {
    /*display: flex;*/
    /*justify-content: center;*/ /* Centrado horizontal */
    /*align-items: center;*/ /* Centrado vertical */
    /*height: 100%;*/ /* Asegura que ocupe el alto necesario sin activar scroll */
    margin-top:25px;
    margin-bottom:5px;
    display: flex;
    justify-content: center;
}

.center{
    width:95%;
}

img {
    max-width: 100%;
}

.image{
    width: 60%;
    min-width: 150px;
    max-width: 370px;
}

.vercuenta{
    min-width:30%;
}

.texto1{
    font-size: 30px;
}

.texto2{
    font-size: 46px;
    font-weight: bold;
}

span{
    font-weight: bold;
}

.modal-dialog{
    max-width: 600px !important;
}

h6{
    margin-bottom: 15px !important;
}

.table{
    margin-bottom: 20px !important;
}

.tabla-chica th:first-child,
  .tabla-chica td:first-child {
    width: 50%; /* Establece el ancho deseado, en este caso 30% */
  }

@media screen and (max-width: 995px) {
    .image{
        width: 60%;
        min-width: 150px;
        max-width: 300px;
    }
}

@media screen and (max-width: 774px) {
    h1{
        font-size: 26px !important;
    }

    .texto1{
        font-size: 22px;
    }

    .texto2{
        font-size: 26px;
    }
}

/*Mostramos las tablas tablas grandes*/
@media screen and (min-width: 620px) {
    .tabla-chica{
        display: none;
    }
    .tabla-grande{
        display: flexbox;
    }
}


/*Mostramos las tablas chicas*/
@media screen and (max-width: 620px) {
    .tabla-chica{
        display: flexbox;
    }
    .tabla-grande{
        display: none;
    }
}

@media screen and (max-width: 340px) {
    h1{
        font-size: 20px !important;
    }

    .texto1{
        font-size: 18px;
    }

    .texto2{
        font-size: 18px;
    }
}