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

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&display=swap');





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

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

    /* Botón Contacto Menú de Navegación */
    --familia-btncont: 'Roboto';
    --tamano-btncont: 14px;
    --solidez-btncont: 500;
    --colortexto-btncont: #000;
    --colorfondo-btncont: #c3b569;
    --redondeo-btncont: 8px;
    --tamanobordes-btncont: 1px;
    --colorbordes-btncont: #c3b569;

    /* Títulos */
    --familia-titulo: 'DM Serif Text';
    --tamano-titulo: 40px;
    --solidez-titulo: 600;

    /* Encabezados */
    --familia-encabezados: 'DM Serif Text';
    --tamano-encabezados: 25px;
    --solidez-encabezados: 600;

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

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

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