/* Explain: Base reset and typography defaults */
* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

html {
    background: var(--background-color);
    color: var(--text-color);
    scroll-behavior: smooth;
}

body {
    background-color: #1a1a1a;
    background-image: linear-gradient(135deg, #000000 0%, #333333 50%, rgba(255, 204, 0, 0.15) 100%);
    background-attachment: fixed;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    position: relative;
}

body::before {
    content: '';
    position: fixed;
    bottom: 16px;
    right: 16px;
    width: clamp(50px, 8vw, 100px);
    height: clamp(50px, 8vw, 100px);
    z-index: 45;
    pointer-events: none;
    background-image: url('https://files.cdn-files-a.com/uploads/12276149/normal_filter_nobg_6a6311734489e.png?format=avif');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.75;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.9));
}

/* Hide scrollbar for clean horizontal rows */
/* Forzar color amarillo para el texto en los campos de entrada */
input:not([type="radio"]):not([type="checkbox"]), textarea, select {
    color: var(--primary-color) !important;
    font-weight: 600 !important;
}

/* Convertir letras en negro si el fondo es blanco para visualizar correctamente */
.bg-white {
    color: #000000;
}
.bg-white .text-\[var\(--text-color\)\] {
    color: #000000 !important;
}
.bg-white .text-\[var\(--text-muted\)\] {
    color: #4b5563 !important;
}
input.bg-white, textarea.bg-white, select.bg-white,
.bg-white input, .bg-white textarea, .bg-white select {
    color: #000000 !important;
}
input.bg-white::placeholder, textarea.bg-white::placeholder,
.bg-white input::placeholder, .bg-white textarea::placeholder {
    color: #666666 !important;
}

input::placeholder, textarea::placeholder {
    color: var(--text-muted) !important;
    font-weight: 400 !important;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}