@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
/* Colores */
:root {
    --principal: #2F6F33;
    --secundario: #ADB947;
    --terciario: #F14F2A;
    --principalClaro: #97B799;
    --principalClaroPublic: #E3EEE4;
    --principalClaroRGBA: rgba(47, 111, 51, 0.3);
    --secundarioClaro: #D6DCA3;
    --secundarioClaroPublic: #F4F6DD;
    --contrastePrincipal: #FFFFFF;
    --contrasteSecundario: #1E4A22;
    --texto: #5A6B5C;
}

/* Fuentes */
@font-face {
    font-family: 'titular';
    src: url('fonts/poppins-regular.woff2') format('woff2'),
    url('fonts/poppins-regular.woff') format('woff'), url('fonts/poppins-regular.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'texto';
    src: url('fonts/MyriadPro-Regular.woff2') format('woff2'),
    url('fonts/MyriadPro-Regular.woff') format('woff'),
    url('fonts/MyriadPro-Regular.eot') format('eot'),
    url('fonts/MyriadPro-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}