/* Responsividad adicional */
@media (max-width: 480px) {
    .opciones-content {
        padding: var(--spacing-sm);
    }
    
    .opciones-card-container {
        gap: var(--spacing-xs);
    }
    
    .opcion-card {
        padding: var(--spacing-sm);
        min-height: 70px;
    }
    
    .opciones-precio-resumen {
        padding: var(--spacing-sm);
        gap: var(--spacing-sm);
    }
    
    .opciones-modal-footer {
        padding: var(--spacing-md);
    }
}