@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap');



@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: #1b1b1b;

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

    /* Botón Contacto Menú de Navegación */
    --familia-btncont: 'Syne';
    --tamano-btncont: 14px;
    --solidez-btncont: 400;
    --colortexto-btncont: #1b1b1b;
    --colorfondo-btncont: #f5b754;
    --redondeo-btncont: 30px;
    --tamanobordes-btncont: 1px;
    --colorbordes-btncont: #f5b754;

    /* Títulos */
    --familia-titulo: 'Syne';
    --tamano-titulo: 40px;
    --solidez-titulo: 700;

    /* Encabezados */
    --familia-encabezados: 'Syne';
    --tamano-encabezados: 35px;
    --solidez-encabezados: 700;

    /* Párrafos */
    --familia-parrafos: 'Outfit';
    --tamano-parrafos: 15px;
    --solidez-parrafos: 400;

    /* Botones Llamado a la Acción */
    --familia-btncta: 'Syne';
    --tamano-btncta: 16px;
    --solidez-btncta: 300;
    --colortexto-btncta: #1b1b1b;
    --colorfondo-btncta: #f5b754;
    --redondeo-btncta: 30px;
    --tamanobordes-btncta: 1px;
    --colorbordes-btncta: #f5b754;

    /* Botón Llamado a la Acción Destacado */
    --familia-btnctadest: 'Syne';
    --tamano-btnctadest: 16px;
    --solidez-btnctadest: 400;
    --colortexto-btnctadest: #003c63;
    --colorfondo-btnctadest: #FFF;
    --redondeo-btnctadest: 8px;
    --tamanobordes-btnctadest: 1px;
    --colorbordes-btnctadest: #003c63;
}