/* International Telephone Input Styling - SIMPLIFICADO */

.iti {
    width: 100% !important;
    display: block !important;
}

.iti input {
    background: var(--secondary-bg) !important;
    color: var(--text-primary) !important;
    border: 2px solid var(--border-color) !important;
    border-radius: 12px !important;
    padding: 1rem 1.25rem 1rem 6rem !important;
    font-family: 'Orbitron', sans-serif !important;
    font-size: 1rem !important;
    transition: var(--transition-smooth) !important;
    width: 100% !important;
    height: 56px !important;
    box-sizing: border-box !important;
}

.iti input:focus {
    border-color: var(--primary-orange) !important;
    box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1) !important;
    transform: translateY(-2px) !important;
}

.iti__country-list {
    background: var(--card-bg) !important;
    border: 2px solid var(--border-color) !important;
    border-radius: 12px !important;
    box-shadow: var(--shadow-strong) !important;
    z-index: 9999 !important;
    max-height: 250px !important;
}

.iti__country-list .iti__country {
    color: var(--text-primary) !important;
    padding: 0.75rem 1rem !important;
}

.iti__country-list .iti__country:hover {
    background: var(--primary-orange) !important;
    color: white !important;
}

.iti__country-list .iti__country.iti__highlight {
    background: var(--primary-orange) !important;
}

.iti__selected-dial-code {
    color: var(--text-secondary) !important;
}