@font-face {
    font-family: "Roboto_Regular";
    src: url("./fuentes/RobotoCondensed-Regular.ttf");
}

@font-face {
    font-family: "Roboto_Bold";
    src: url("./fuentes/RobotoCondensed-Bold.ttf");
}

.pagina {
    background-color: #e5c185;
    font-family: "Roboto_Regular";
    font-style: normal;
    font-weight: normal;
    /* identical to box height */
    letter-spacing: 0.01em;
    /* dark_blue */
    color: #081402;
    /* identical to box height */
    letter-spacing: 0.01em;
}

.fondo-container {
    background-color: #fbf2c4;
}

.leyenda {
    padding-top: 0.2em;
    /* identical to box height, or 19px */
    /* Accent blue */
    color: #004949;
}

.altura10rem {
    height: 10rem
}

.altura8rem {
    height: 8rem
}

.font-size-40rem {
    font-size: 4rem;
}

.font-size-30rem {
    font-size: 3rem;
}

.tamano25porciento {
    width: 25%;
}

.tamano100porciento {
    width: 100%;
    height: auto;
}

.espera {
    width: 5em;
    height: 5em;
    width: 5em;
    color: #264653;
}

.pad02em {
    padding: 2em;
}

.pad01em {
    padding: 1em;
}

.ancho2em {
    width: 2em;
}

.margen02em {
    margin: 0.2em;
}

.boton-primario {
    /* Accent blue */
    font-size: 1rem;
    color: white;
    background: #004949;
    /* accent button shadow */
    box-shadow: 0px 4px 10px rgba(16, 156, 241, 0.24);
    border-radius: 4px;
}

.boton-error {
    /* Accent blue */
    font-size: 1rem;
    color: white;
    background: #f18f7d;
    /* accent button shadow */
    box-shadow: 0px 4px 10px rgba(16, 156, 241, 0.24);
    border-radius: 4px;
}

.boton-exito {
    /* Accent blue */
    font-size: 1rem;
    color: white;
    background: #5b947c;
    /* accent button shadow */
    box-shadow: 0px 4px 10px rgba(16, 156, 241, 0.24);
    border-radius: 4px;
}

.boton-advertencia {
    /* Accent blue */
    font-size: 1rem;
    color: #004949;
    background: #e5c185;
    /* accent button shadow */
    box-shadow: 0px 4px 10px rgba(16, 156, 241, 0.24);
    border-radius: 4px;
}

.dt-button {
    /* Accent blue */
    font-size: 1rem;
    color: white;
    background: #109CF1;
    /* accent button shadow */
    box-shadow: 0px 4px 10px rgba(16, 156, 241, 0.24);
    border-radius: 4px;
}

.tabla_texto {
    font-size: 0.8rem;
}

.dt-button:hover {
    color: white;
    background: #1276b4;
}

.enlace {
    bottom: 9.09%;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    /* identical to box height */
    letter-spacing: 0.01em;
    /* Gray 4 */
    color: #004949;
}

.leyenda-tabla {
    color: #fbf2c4 !important;
    background-color: #004949 !important;
}


.palabras-menu {
    /* dark_blue */
    color: #fbf2c4;
}

.palabras-menu-oscuro {
    /* dark_blue */
    color: #004949;
}

.navegador-superior {
    background: #004949;
}

.titulo_app {
    font-weight: normal;
    font-size: 1rem;
    line-height: 16px;
    /* identical to box height */
    color: #FFFFFF;
}

.menu_usuario {
    font-size: 1rem;
    line-height: 21px;
    /* identical to box height */
    color: #FFFFFF;
}