/* Fix para el select del formulario de contacto */

/* Asegurar que el select tenga el estilo correcto */
.contact-form select.form-control {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23D4AF37' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1em;
    padding-right: 2.5rem;
    cursor: pointer;
    color: #fff;
}

/* Cuando está en modo placeholder (sin seleccionar) */
.contact-form select.form-control:invalid {
    color: #999;
}

/* Opciones del select */
.contact-form select.form-control option {
    background-color: #1a1a1a;
    color: #fff;
    padding: 10px;
}

/* Opción placeholder */
.contact-form select.form-control option[value=""] {
    color: #999;
}

/* Cuando tiene focus */
.contact-form select.form-control:focus {
    border-color: #D4AF37;
    box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.25);
    color: #fff;
}

/* Fix para el label flotante cuando hay valor seleccionado */
.form-floating > select.form-control:not(:placeholder-shown) ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

/* Asegurar que las opciones sean visibles en todos los navegadores */
.contact-form select.form-control option:not([value=""]) {
    color: #fff !important;
    background-color: #1a1a1a !important;
}

/* Fix para Safari y Chrome en móviles */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .contact-form select.form-control {
        background-color: transparent;
    }
    
    .contact-form select.form-control option {
        background-color: #1a1a1a;
        color: #fff;
    }
}

/* Lista de features con bullets dorados */
.features-list {
    list-style: none;
    padding-left: 0;
}

.features-list li {
    margin-bottom: 1rem;
    padding-left: 0;
    line-height: 1.6;
}

.features-list li i {
    margin-right: 0.5rem;
}