/* ===================================
   04 - Formularios
   Inputs, textareas, selects, checkboxes y controles nativos.
   =================================== */

/* ===== Transicion base ===== */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea,
select {
    transition: all 0.3s ease;
}

/* ===== Estado de foco ===== */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {
    border-color: var(--color-gold);
    box-shadow: 0 0 0 3px rgba(201, 169, 110, 0.1);
}

/* ===== Checkbox y radio ===== */
input[type="checkbox"] {
    accent-color: var(--color-gold);
    cursor: pointer;
}

input[type="radio"] {
    accent-color: var(--color-gold);
    cursor: pointer;
}

/* ===== Input numerico: ocultar flechas ===== */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

/* ===== Input de fecha: icono de calendario visible sobre fondo oscuro ===== */
input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(0.7) sepia(0.3) saturate(2) hue-rotate(5deg);
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

input[type="date"]::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
    filter: invert(0.8) sepia(0.5) saturate(3) hue-rotate(5deg);
}

/* NOTA: el parche "#contacto input/textarea { ... !important }" se elimino.
   Los estilos claros ahora viven en las clases del propio HTML
   (bg-white border-gray-300 text-gray-900), una sola fuente de verdad. */