* {
	margin:0;
	padding:0;
}

:root {
    --azul: #153CA2;
    --darkazul: #0c225a;
    --amarillo: #FFC107;
    --darkamarillo: #B29230;
    --grisclarisimo: #e3e3e3;
    --grisclaro: #7B838A;
    --darkgris: #666666;
    --grisform: #f6f6f8;
    --blanco: #FFF;
    --negro: #000;
    --rojo: #F0544E;
    --verde: #00751f;
    font-size: 16px;
}

body {
	background:#FFFFFF;
    margin: 0px;
    margin-bottom: 16rem;
}

section {
	padding:20px;
}

h1 {
    font: bold 2rem "Rubik", sans-serif;
	color: var(--azul);
}

p {
    font: 1rem "Poppins", sans-serif;
	color: var(--darkgris);
    /* word-break: break-all;
    hyphens: auto; */
}

.boton-azul {
    min-height: 2.5rem;
    height: fit-content;
    background: var(--azul);
    color: var(--amarillo);
    font: 500 1rem "Poppins", sans-serif;
	border: none;
	border-radius: .5rem;
    cursor: pointer;
}

.boton-azul:hover {
	background: var(--darkazul);
	cursor: pointer;
}

.boton-amarillo {
    min-height: 2.5rem;
    height: fit-content;
    background: var(--amarillo);
    color: var(--azul);
    font: 500 1rem "Poppins", sans-serif;
	border: none;
	border-radius: .5rem;
}

.boton-amarillo:hover {
    background: var(--darkamarillo);
    cursor: pointer;
}

textarea {
    resize: none;
}

input, textarea, select, button {
    padding: 0.5rem 1rem;
    border: 0.1rem solid #d7dbe6;
    background: var(--grisform);
    border-radius: 0.2rem;
    font: 1rem "Poppins", sans-serif;
}

.fa-bars {
    font-size: 2rem;
    align-self: center;
}

.label-menu {
    text-align: center;
}

@media (max-width:600px) {
    body {
        margin-bottom: 25rem;
    }
}