@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');



/* === BLOQUE DE ESTILOS EDITABLES === */
:root {
    --color-principal: #2784ca;

    /* Menú de Navegación */
    --familia-menu: 'Urbanist';
    --tamano-menu: 14px;
    --solidez-menu: 400;

    /* Botón Contacto Menú de Navegación */
    --familia-btncont: 'Urbanist';
    --tamano-btncont: 14px;
    --solidez-btncont: 700;
    --colortexto-btncont: #FFF;
    --colorfondo-btncont: #81c61d;
    --redondeo-btncont: 8px;
    --tamanobordes-btncont: 1px;
    --colorbordes-btncont: #81c61d;

    /* Títulos */
    --familia-titulo: 'Urbanist';
    --tamano-titulo: 45px;
    --solidez-titulo: 700;

    /* Encabezados */
    --familia-encabezados: 'Urbanist';
    --tamano-encabezados: 30px;
    --solidez-encabezados: 700;

    /* Párrafos */
    --familia-parrafos: 'Open Sans';
    --tamano-parrafos: 14px;
    --solidez-parrafos: 400;

    /* Botones Llamado a la Acción */
    --familia-btncta: 'Urbanist';
    --tamano-btncta: 16px;
    --solidez-btncta: 600;
    --colortexto-btncta: #FFF;
    --colorfondo-btncta: #81c61d;
    --redondeo-btncta: 8px;
    --tamanobordes-btncta: 1px;
    --colorbordes-btncta: #81c61d;

    /* Botón Llamado a la Acción Destacado */
    --familia-btnctadest: 'Urbanist';
    --tamano-btnctadest: 16px;
    --solidez-btnctadest: 600;
    --colortexto-btnctadest: #FFF;
    --colorfondo-btnctadest: #81c61d;
    --redondeo-btnctadest: 8px;
    --tamanobordes-btnctadest: 1px;
    --colorbordes-btnctadest: #81c61d;
}