/* Cargar Poppins desde Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

/* Tipografia unificada - Poppins */
html, body, input, button, select, textarea,
h1, h2, h3, h4, h5, h6, p, span, div, a, li,
label, small, strong, em, td, th {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3 { font-weight: 700 !important; letter-spacing: -0.5px; }
h4, h5, h6 { font-weight: 600 !important; }

body {
    line-height: 1.5;
    background: #F5F5F5 !important;
    color: #1F1F1F !important;
}

/* Override de fuentes serif de UNA */
.bx-def-font-h1, .bx-def-font-h2, .bx-def-font-h3,
.bx-def-font-h4, .bx-def-font-h5, .bx-def-font-h6,
.bx-base-text-unit-cnt h1, .bx-base-text-unit-cnt h2 {
    font-family: 'Poppins', -apple-system, sans-serif !important;
    font-weight: 700 !important;
}

/* Colores de acento -> rojo TOPS */
a { color: #DC2626 !important; }
a:hover { color: #991B1B !important; }

.bx-btn-primary, .bx-btn-red,
input[type="submit"] {
    background: #DC2626 !important;
    border-color: #DC2626 !important;
}
.bx-btn-primary:hover, .bx-btn-red:hover,
input[type="submit"]:hover {
    background: #991B1B !important;
    border-color: #991B1B !important;
}

/* Inputs modernos */
input[type="text"], input[type="email"], input[type="password"],
input[type="tel"], input[type="number"], textarea, select {
    font-family: 'Poppins', sans-serif !important;
    border-radius: 8px !important;
    border: 1px solid #E4E6EB !important;
    transition: all 0.15s !important;
}
input:focus, textarea:focus, select:focus {
    border-color: #DC2626 !important;
    box-shadow: 0 0 0 3px rgba(220,38,38,0.1) !important;
    outline: none !important;
}

/* Botones redondeados */
button, .bx-btn, input[type="button"] {
    font-family: 'Poppins', sans-serif !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all 0.15s !important;
}

/* Tarjetas y bloques */
.bx-def-color-bg-block, .bx-def-block, .bx-def-round-corners {
    border-radius: 12px !important;
}

/* Header y footer de UNA */
.bx-menu-main, .bx-header-wrapper, #bx-header {
    background: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

/* Texto secundario */
.bx-def-font-grayed, .bx-base-text-extra, small {
    color: #65676B !important;
}

/* Scrollbar moderno */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #F0F2F5; }
::-webkit-scrollbar-thumb { background: #BCC0C4; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #DC2626; }

/* Anular fuentes con serifa del tema Artificer */
.bx-artificer, .bx-artificer *,
[class*="bx-artificer"] {
    font-family: 'Poppins', -apple-system, sans-serif !important;
}

/* Botones de accion de UNA */
.bx-btn-default, .bx-btn-small {
    background: #FFFFFF !important;
    color: #1F1F1F !important;
    border: 1px solid #E4E6EB !important;
}
.bx-btn-default:hover, .bx-btn-small:hover {
    background: #FEE2E2 !important;
    color: #DC2626 !important;
    border-color: #DC2626 !important;
}

/* Modales y popups */
.bx-popup, .bx-popup-wrapper {
    border-radius: 12px !important;
    font-family: 'Poppins', sans-serif !important;
}
