/* ===== ARREGLOS DE ESTILOS PARA CUADROS DE TEXTO ===== */

/* Estilos globales para todos los inputs de texto */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
textarea,
select,
.form-input,
.search-input,
.modern-newsletter-input {
    background-color: white !important;
    color: #333 !important;
}

/* Estilos específicos para placeholders */
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="number"]::placeholder,
input[type="url"]::placeholder,
input[type="date"]::placeholder,
input[type="time"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="month"]::placeholder,
input[type="week"]::placeholder,
textarea::placeholder,
.form-input::placeholder,
.search-input::placeholder,
.modern-newsletter-input::placeholder {
    color: #C0C0C0 !important; /* Color plateado */
    opacity: 1 !important; /* Asegurar que el color se aplique */
}

/* Estilos para inputs en formularios de contacto (fondo oscuro) */
.contact-form-section .form-input,
.contact-form-section .form-textarea,
.contact-form-services .form-input,
.contact-form-services .form-textarea {
    background-color: white !important;
    color: #333 !important;
}

.contact-form-section .form-input::placeholder,
.contact-form-section .form-textarea::placeholder,
.contact-form-services .form-input::placeholder,
.contact-form-services .form-textarea::placeholder {
    color: #C0C0C0 !important;
}

/* Estilos para inputs en el panel de administración */
.admin-container .form-input,
.admin-container input[type="text"],
.admin-container input[type="email"],
.admin-container input[type="password"],
.admin-container input[type="search"],
.admin-container input[type="tel"],
.admin-container input[type="number"],
.admin-container input[type="url"],
.admin-container input[type="date"],
.admin-container input[type="time"],
.admin-container input[type="datetime-local"],
.admin-container input[type="month"],
.admin-container input[type="week"],
.admin-container textarea,
.admin-container select {
    background-color: white !important;
    color: #333 !important;
}

.admin-container .form-input::placeholder,
.admin-container input[type="text"]::placeholder,
.admin-container input[type="email"]::placeholder,
.admin-container input[type="password"]::placeholder,
.admin-container input[type="search"]::placeholder,
.admin-container input[type="tel"]::placeholder,
.admin-container input[type="number"]::placeholder,
.admin-container input[type="url"]::placeholder,
.admin-container input[type="date"]::placeholder,
.admin-container input[type="time"]::placeholder,
.admin-container input[type="datetime-local"]::placeholder,
.admin-container input[type="month"]::placeholder,
.admin-container input[type="week"]::placeholder,
.admin-container textarea::placeholder {
    color: #C0C0C0 !important;
}

/* Estilos para inputs en formularios de login/registro */
.auth-form-container .form-input,
.login-form-container .form-input,
.register-form-container .form-input,
.forgot-form-container .form-input {
    background-color: white !important;
    color: #333 !important;
}

.auth-form-container .form-input::placeholder,
.login-form-container .form-input::placeholder,
.register-form-container .form-input::placeholder,
.forgot-form-container .form-input::placeholder {
    color: #C0C0C0 !important;
}

/* Estilos para inputs en formularios de perfil */
.profile-form-container .form-input {
    background-color: white !important;
    color: #333 !important;
}

.profile-form-container .form-input::placeholder {
    color: #C0C0C0 !important;
}

/* Estilos para inputs en el catálogo */
.catalog-container .search-input,
.catalog-container .form-input,
.price-inputs input {
    background-color: white !important;
    color: #333 !important;
}

.catalog-container .search-input::placeholder,
.catalog-container .form-input::placeholder,
.price-inputs input::placeholder {
    color: #C0C0C0 !important;
}

/* Estilos para inputs en la barra de navegación */
.navbar-wrapper .search-input {
    background-color: white !important;
    color: #333 !important;
}

.navbar-wrapper .search-input::placeholder {
    color: #C0C0C0 !important;
}

/* Estilos para inputs en el footer */
.modern-footer .modern-newsletter-input {
    background-color: white !important;
    color: #333 !important;
}

.modern-footer .modern-newsletter-input::placeholder {
    color: #C0C0C0 !important;
}

/* Estilos para inputs deshabilitados */
input:disabled,
textarea:disabled,
select:disabled,
.form-input:disabled {
    background-color: #f5f5f5 !important;
    color: #999 !important;
}

/* Estilos para inputs en modo focus */
input:focus,
textarea:focus,
select:focus,
.form-input:focus,
.search-input:focus,
.modern-newsletter-input:focus {
    background-color: white !important;
    color: #333 !important;
}

/* Estilos para inputs con errores */
input.error,
textarea.error,
.form-input.error {
    background-color: white !important;
    color: #333 !important;
    border-color: #dc3545 !important;
}

/* Estilos para inputs en modo dark (si existe) */
.dark-mode input[type="text"],
.dark-mode input[type="email"],
.dark-mode input[type="password"],
.dark-mode input[type="search"],
.dark-mode input[type="tel"],
.dark-mode input[type="number"],
.dark-mode input[type="url"],
.dark-mode input[type="date"],
.dark-mode input[type="time"],
.dark-mode input[type="datetime-local"],
.dark-mode input[type="month"],
.dark-mode input[type="week"],
.dark-mode textarea,
.dark-mode select,
.dark-mode .form-input {
    background-color: white !important;
    color: #333 !important;
}

.dark-mode input[type="text"]::placeholder,
.dark-mode input[type="email"]::placeholder,
.dark-mode input[type="password"]::placeholder,
.dark-mode input[type="search"]::placeholder,
.dark-mode input[type="tel"]::placeholder,
.dark-mode input[type="number"]::placeholder,
.dark-mode input[type="url"]::placeholder,
.dark-mode input[type="date"]::placeholder,
.dark-mode input[type="time"]::placeholder,
.dark-mode input[type="datetime-local"]::placeholder,
.dark-mode input[type="month"]::placeholder,
.dark-mode input[type="week"]::placeholder,
.dark-mode textarea::placeholder,
.dark-mode .form-input::placeholder {
    color: #C0C0C0 !important;
}