/* Estilos para el formulario de contacto */
.form-control {
    border: 2px solid #eee !important;
    border-radius: 8px !important;
    padding: 10px !important;
    font-size: 0.9rem !important;
}

.form-control:focus {
    border-color: #FFD700 !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 215, 0, 0.25) !important;
}

.btn-warning {
    background: #FFD700 !important;
    color: #1A1A1A !important;
    border: none !important;
    font-weight: bold !important;
    transition: all 0.3s ease !important;
}

.btn-warning:hover {
    background: #FFCC00 !important;
    color: #1A1A1A !important;
}

/* Estilos para la sección de mapa */
.ratio-16x9 {
    border: 4px solid #FFD700;
    border-radius: 20px;
    overflow: hidden;
}

/* Estilos para la información de contacto */
.bg-white {
    border: 2px solid #FFD700;
    border-radius: 20px;
}

/* Iconos de contacto */
.text-warning {
    color: #FFD700 !important;
}

/* Botones de redes sociales */
.btn-warning.rounded-circle {
    background: #FFD700 !important;
    color: #1A1A1A !important;
    border: none !important;
}

.btn-warning.rounded-circle:hover {
    background: #FFCC00 !important;
    color: #1A1A1A !important;
}