/* --------------------------------------------- */
/* Titulos */
/* --------------------------------------------- */
.bloque_titulo_xxl {
    font-size: 4.5rem;
    line-height: normal;
    font-weight: bold;
    margin-bottom: 1rem;
    margin-top: 0rem;
}

.bloque_titulo_xl{
    font-size: 3.5rem;
    line-height: normal;
    font-weight: bold;
    margin-bottom: 1rem;
    margin-top: 0rem;
}

.bloque_titulo_l{
    font-size: 2.5rem;
    line-height: normal;
    font-weight: bold;
    margin-bottom: 1rem;
    margin-top: 0rem;
}

.bloque_titulo_m{
    font-size: 2rem;
    line-height: normal;
    font-weight: bold;
    margin-bottom: 1rem;
    margin-top: 0rem;
}

.bloque_titulo_s{
    font-size: 1.5rem;
    line-height: normal;
    font-weight: bold;
    margin-bottom: 1rem;
    margin-top: 0rem;
}

.bloque_texto_xl{
    font-size: 150% !important;
    font-weight: normal;
    margin-bottom: 1rem;
    margin-top: 0rem;
}

.bloque_texto_l{
    font-size: 125% !important;
    font-weight: normal;
    margin-bottom: 1rem;
    margin-top: 0rem;
}

.bloque_texto_m{
    font-size: 100% !important;
    font-weight: normal;
    margin-bottom: 1rem;
    margin-top: 0rem;
}

.bloque_texto_s{
    font-size: 87% !important;
    font-weight: normal;
    margin-bottom: 1rem;
    margin-top: 0rem;
}

.separador{
    width: 120px;
    border-top: solid 6px;
    height: 0;
    color:transparent !important;
}

.portada_titulo_xxl {
    font-size: 9.5rem;
    line-height: 9.5rem;
    font-weight: bold;
    margin-bottom: 0rem !important;
    margin-top: 0rem;
}

.portada_titulo_xl{
    font-size: 7.5rem;
    line-height: 7.5rem;
    font-weight: bold;
    margin-bottom: 0rem !important;
    margin-top: 0rem;
}

.portada_titulo_l{
    font-size: 5.5rem;
    line-height: 5.5rem;
    font-weight: bold;
    margin-bottom: 0rem !important;
    margin-top: 0rem;
}

.portada_titulo_m{
    font-size: 4.5rem;
    line-height: 4.5rem;
    font-weight: bold;
    margin-bottom: 0rem !important;
    margin-top: 0rem;
}

.portada_titulo_s{
    font-size: 3.5rem;
    line-height: 3.5rem;
    font-weight: bold;
    margin-bottom: 0rem !important;
    margin-top: 0rem;
}

.portada_texto_xl{
    font-size: 2.5rem !important;
    line-height: 2.5rem;
    font-weight: normal;
    margin-bottom: 0rem !important;
    margin-top: 0rem;
}

.portada_texto_l{
    font-size: 2rem !important;
    line-height: 2rem;
    font-weight: normal;
    margin-bottom: 0rem !important;
    margin-top: 0rem;
}

.portada_texto_m{
    font-size: 1.5rem !important;
    line-height: 1.5rem;
    font-weight: normal;
    margin-bottom: 0rem !important;
    margin-top: 0rem;
}

.portada_texto_s{
    font-size: 1rem !important;
    line-height: 1rem;
    font-weight: normal;
    margin-bottom: 0rem !important;
    margin-top: 0rem;
}

/* --------------------------------------------- */
/* Botones */
/* --------------------------------------------- */
.custom_boton{
    padding: 0.9em 2em;
    text-decoration: none;
    font-weight: normal;
}

header .custom_boton{
    padding: 0.7em 1.2em;
}

.custom_boton, .custom_boton span{
    font-size: 1rem !important;
    line-height: 1rem;
}

.bloque_texto_xl .custom_boton, .bloque_texto_xl .custom_boton span{
    font-size: 140% !important;
}

.bloque_texto_l .custom_boton, .bloque_texto_l .custom_boton span{
    font-size: 120% !important;
}

.bloque_texto_m .custom_boton, .bloque_texto_m .custom_boton span{
    font-size: 100% !important;
}

.bloque_texto_s .custom_boton, .bloque_texto_s .custom_boton span{
    font-size: 90% !important;
}

.bloque_titulo_xxl .custom_boton, .bloque_titulo_xxl .custom_boton span{
    font-size: 3.5rem !important;
}

.bloque_titulo_xl .custom_boton, .bloque_titulo_xl .custom_boton span{
    font-size: 3.0rem !important;
}

.bloque_titulo_l .custom_boton, .bloque_titulo_l .custom_boton span{
    font-size: 2.5rem !important;
}

.bloque_titulo_m .custom_boton, .bloque_titulo_m .custom_boton span{
    font-size: 2rem !important;
}

.bloque_titulo_s .custom_boton, .bloque_titulo_s .custom_boton span{
    font-size: 1rem !important;
}

.portada_texto_xl .custom_boton, .portada_texto_xl .custom_boton span{
    font-size: 1.4rem !important;
    line-height: 5rem;
}

.portada_texto_l .custom_boton, .portada_texto_l .custom_boton span{
    font-size: 1.2rem !important;
    line-height: 4rem;
}

.portada_texto_m .custom_boton, .portada_texto_m .custom_boton span{
    font-size: 1.0rem !important;
    line-height: 3.2rem;
}

.portada_texto_s .custom_boton, .portada_texto_s .custom_boton span{
    font-size: 0.8rem !important;
}

.portada_titulo_xxl .custom_boton, .portada_titulo_xxl .custom_boton span{
    font-size: 1.6rem !important;
}

.portada_titulo_xl .custom_boton, .portada_titulo_xl .custom_boton span{
    font-size: 1.4rem !important;
}

.portada_titulo_l .custom_boton, .portada_titulo_l .custom_boton span{
    font-size: 1.2rem !important;
}

.portada_titulo_m .custom_boton, .portada_titulo_m .custom_boton span{
    font-size: 1.0rem !important;
}

.portada_titulo_s .custom_boton, .portada_titulo_s .custom_boton span{
    font-size: 0.8rem !important;
}

/* --------------------------------------------- */
/* Fuentes */
/* --------------------------------------------- */
.germania {
    font-family: "Germania One", system-ui;
    font-weight: 400;
    font-style: normal;
}
.rubik {
    font-family: "Rubik Glitch", system-ui;
    font-weight: 400;
    font-style: normal;
}
.bungee{
    font-family: "Bungee Inline", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.inter {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.oswald{
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.arvo{
    font-family: "Arvo", serif;
    font-weight: 400;
    font-style: normal;
}

.arvo-italic {
    font-family: "Arvo", serif;
    font-weight: 400;
    font-style: italic;
}
.maven {
    font-family: "Maven Pro", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.permanent-marker {
    font-family: "Permanent Marker", cursive;
    font-weight: 400;
    font-style: normal;
}

.notable {
    font-family: "Notable", sans-serif;
    font-weight: 400;
    font-style: normal;
}