/* Add font files for Manrope */
/*@font-face {
    font-family: 'Manrope';
    src: url('../fonts/manrope.woff2') format('woff2'), url('../fonts/manrope.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/


.manrope-Pfic {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
}


body {
    font-family: "manrope-Pfic";
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}



/*media Query
escritorio 1280
movil 390
movil390/2
tablet 768

*/
.negro {
    background: var(--color-navy, #17264D);
}


.rojo {
    background: #E9476D;
}

.azul {
    background: var(--color-purple, #0087CC);
}

.azul-claro {
    background: var(--color-purpleBg, #B6EAFF);
}   

/*64CBF9
*/
.gris {
    background: var(--color-muted, #56617A);
}


.verde {
    background: var(--color-green, #286D54);
}

.verde-claro {
    background: var(--color-greenBg, #EAF5ED);
}           


.amarillo {
    background: var(--color-yellow, #F4D85A);
}

.amarillo2 {
    background: var(--color-amberBg, #FFF4DD);
}
    

.marron {
    background: var(--color-amber, #845B24);
}


        
.gris {
    background: var(--color-border, #DEE2EB);
}


.botones {
    width: 158px;
    height: 56px;
    gap: 12px       ;
    angle: 0 deg;
    opacity: 1;
   /* padding-right: space/24;
    padding-left: space/24;
    border-radius: radius/999;*/
}






.titulo {
    font-family: Manrope;
    font-weight: 800;
    font-style: ExtraBold;
    font-size: 40px;
    leading-trim: NONE;
    line-height: 48px;
    letter-spacing: -3%;
}


.subtitulo {
    font-family: Manrope;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 22px;
    letter-spacing: 8%;
}