/* Contenido principal que crece para ocupar espacio */
main {
    flex-grow: 1;
    padding: 10px;
}

.flex-h {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items:flex-start;
    align-content: flex-start;
    column-gap: 12px;
    row-gap: 12px;
}

.flex-justify-content-left {
    justify-content:flex-start;
}

.flex-align-content-center {
    justify-content: center;
}

.flex-v {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content:space-around;
    align-items: center;
    align-content:flex-start;
}

.color-corporativo1 {
    color: #1c6ea0;
}

.bg-color-corporativo1 {
    background-color: #1c6ea0;
}

.color-corporativo2 {
    color: #f9c900;
}

.bg-color-corporativo2 {
    background-color: #f9c900 !important;
}

.bg-negro {
    background-color: #000;
}

.negro {
    color: #000;
}

.gris1 {
    color: #FBFBFB !important;
}

.bg-gris1 {
    background-color: #FBFBFB !important;
}

.gris2 {
    color: #C3C4C4 !important;
}

.bg-gris2 {
    background-color: #C3C4C4 !important;
}

.gris3 {
    color: rgb(120,120,120) !important;
}

.bg-gris3 {
    background-color: rgb(190,190,190);
}

.bg-verde1 {
    background-color: #4FE88E;
}

.verde1 {
    color: #4FE88E;
}

.verde2 {
    color: #68B744 !important;
}

.bg-verde2 {
    background-color: #68B744;
}

.verde3 {
    color: #9ED3C7;
}

.verde4 {
    color: #8EC1B1;
}

.verde5 {
    color: rgb(150,205,0);
}

.amarillo1 {
    color: #ffce08;
}

.bg_amarillo1 {
    background-color: #ffce08;
}

.bg-blanco {
    background-color: #fff;
}

.blanco {
    color: #fff;
}

.bg-azul1 {
    background-color: #63B6FF;
}

.azul1 {
    color: #63a1bb;
}

.azul2 {
    color: #4085A9;
}

.azul3 {
    color: #689CD2;
}

.azul4 {
    color: #1F3F6C;
}

.azul5 {
    color: #0866FF;
}

.azul6 {
    color: #4D6CA1;
}

.celeste1 {
    color: #7FD8F5;
}

.celeste2 {
    color: #6CD2F3;
}

.celeste3 {
    color: #1FB2F9;
}

.celeste4 {
    color: #3FD1F3;
}

.celeste5 {
    color: rgb(25,157,224) !important;
}

.turquesa1 {
    color: #00A4A6;
}

.turquesa2 {
    color: #38D5F4;
}

.morado1 {
    color: #7985DE;
}

.morado2 {
    color:  #ACCEFF;
}

.morado3 {
    color: #7578B9;
}

.rojo1 {
    color: #BE0914 !important;
}

.crema1 {
    color: #E7E7E5;
}

.crema2 {
    color: #ACAB97;
}

.color-base-1 {
    color: #4867AA;
}

.color-base-2 {
    color: #fff;
}

.bg-color-base-1 {
    background-color: #00A4A6;
}

.bg-color-base-2 {
    background-color: #38D5F4;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-top-60 {
    margin-top: 60px !important;
}

.margin-top-70 {
    margin-top: 70px !important;
}

.margin-top-75 {
    margin-top: 75px !important;
}

.margin-top-80 {
    margin-top: 80px !important;
}

.margin-top-100 {
    margin-top: 100px !important;
}

.margin-top-110 {
    margin-top: 110px !important;
}

.margin-top-120 {
    margin-top: 120px !important;
}

.margin-top-125 {
    margin-top: 125px !important;
}

.margin-top-130 {
    margin-top: 130px !important;
}

.btn {
    background-color: #1c6ea0;
    border-color: #1c6ea0;
    color: #fff;
}

.btn:hover {
    background-color: #f9c900;
}

.small {
    font-size: 1rem !important;
    padding: 5px 10px !important;
}

a {
    color: rgb(25,157,224);
}

hr {
  border: 0;
  height: 1px;
  background-color: #ddd;
  margin: 10px 0;
  width: 100%;
}