@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:#3b424e;
    --secundario: #ef8c48;
    --terciario:#ffab7c;
    --principalClaro: #c7919d;
    --principalClaroPublic: #fde3e7;
    --principalClaroRGBA: rgba(173, 73, 92, 0.3);
    --secundarioClaro: #debc92;
    --secundarioClaroPublic: #ffead2;
    --contrastePrincipal: #FFFFFF;
    --contrasteSecundario: #FFFFFF;
    --texto: #67757c;
}

/* 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;
}