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

/* === BLOQUE DE ESTILOS EDITABLES === */
:root {
    --color-principal: #3ca951;

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

    /* Botón Contacto Menú de Navegación */
    --familia-btncont: 'Outfit';
    --tamano-btncont: 12px;
    --solidez-btncont: 600;
    --colortexto-btncont: #FFF;
    --colorfondo-btncont: #3ca951;
    --redondeo-btncont: 5px;
    --tamanobordes-btncont: 1px;
    --colorbordes-btncont: #3ca951;

    /* Títulos */
    --familia-titulo: 'Outfit';
    --tamano-titulo: 34px;
    --solidez-titulo: 700;

    /* Encabezados */
    --familia-encabezados: 'Outfit';
    --tamano-encabezados: 25px;
    --solidez-encabezados: 600;

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

    /* Botones Llamado a la Acción */
    --familia-btncta: 'Montserrat';
    --tamano-btncta: 15px;
    --solidez-btncta: 600;
    --colortexto-btncta: #FFF;
    --colorfondo-btncta: #3ca951;
    --redondeo-btncta: 5px;
    --tamanobordes-btncta: 1px;
    --colorbordes-btncta: #3ca951;

    /* Botón Llamado a la Acción Destacado */
    --familia-btnctadest: 'Montserrat';
    --tamano-btnctadest: 15px;
    --solidez-btnctadest: 600;
    --colortexto-btnctadest: #3ca951;
    --colorfondo-btnctadest: #FFF;
    --redondeo-btnctadest: 5px;
    --tamanobordes-btnctadest: 1px;
    --colorbordes-btnctadest: #3ca951;
}