/* Fuentes con nombres cortos */
.opensans {
    font-family: 'Open Sans', sans-serif;
}

.roboto {
    font-family: 'Roboto', sans-serif;
}

/* Títulos impactantes (como Bebas Neue) */
.oswald {
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
}

/* Estilo moderno (como Lemon Milk) */
.poppins {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

/* Si quisieras usar Helvetica (sistema) */
.fuente-helvetica {
    font-family: 'Helvetica', 'Arial', sans-serif;
}
.inter{
    font-family: 'Inter', sans-serif;
}

/* Reset básico */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
}
.row{
    width:100%;
    height:auto;
    overflow: hidden;
    display:block;
}
.container {
    width: 100%;
    max-width: 1200px;
    min-width:320px;
    margin: 0 auto;
    padding: 0 10px;
}
#topbar{
    width:100%;
    height:86px; 
    display:block;
    min-width:320px;
}
#main{
    width: 100%;
    height: auto;
    min-height: calc(100vh - 500px);
    background-color: #ffffff;
    display: block;
}
#footer{
    width:100%;
    min-width:320px;
    min-height:230px;
    height: auto;
    overflow:hidden;
    background-color:var(--primary-one);    
    display:block;
    padding: 0 0 20px 0;
}
.frame{
    width:100%;
    padding:10px 0 30px 0;
    background-color:white;
}
.frame-centrador{
    width:100%;
    max-width:620px;
    margin:0 auto;
    padding:20px;
}
.frame-titulo{
    font-family: 'Open Sans', sans-serif;
    font-size: 2.5rem;
    font-weight: bolder;
    text-align: center;
    margin: 10px 0;
    line-height: 3.25rem;
}
.frame-subtitulo{
    font-family: 'Open Sans', sans-serif;
    font-size: 2.1rem;
    font-weight: bolder;
    text-align: center;
    margin: 10px 0;
    line-height: 3rem;    
}
.frame-description{
    font-size: large;
    font-family: 'Inter', sans-serif;
    text-align: center;
    height: auto; 
    padding: 20px 0 0 0;
    line-height: 28px;
    display: block;
}
.boton-area{
    width: 100%;
    height: 75px;
    padding: 25px 0 0 0;
    display: block;
    overflow: hidden;
}
.boton_one, .boton_two, .boton_three, .boton_four{
    width: 180px;
    height: 50px;
    line-height: 50px;
    background-color: var(--primary-one);
    color: white;
    border: 0;
    border-radius: 5px;
    margin-left: calc(50% - 80px);
    font-size: large;
    text-align: center;
    font-family: 'Inter', sans-serif;
    display:block;
    cursor:pointer;
    text-decoration: none;
    padding:0 10px;
}
.boton_two{
    background-color: var(--primary-two);
}
.boton_three{
    background-color: white;
    color: var(--primary-one);
}
.boton_four{
    background-color: white;
    color: var(--primary-two);
}
.resaltar{
    color:var(--primary-one);
    text-decoration:none;
}
.text{
    color:black;
}
.text span{
    font-weight: bold;
}
.margen-horizontal-p{
    margin:5px 0;
}
.margen-horizontal-m{
    margin:10px 0;
}
.margen-horizontal-g{
    margin:20px 0;
}
.text-title{
    font-size:1.5rem;
    font-weight: bold;
}
.fizq{
    float:left !important;
}
.fder{
    float:right !important;
}
.tder{
    text-align: right !important;
}
.tizq{
    text-align: left !important;
}
.tcen{
    text-align: center !important;
}
.page-title{
    font-family: 'Open Sans', sans-serif;
    font-size: 2.7rem;
    font-weight: bolder;
    text-align: center;
    margin: 0;
    line-height: 3.1rem;
    padding: 1.5rem;
    color:black;
}